2016年12月22日 星期四

【Interval】使用及關閉

=====================================
問題環境
OS:Windows 10
開發平台:Android
React Native : 0.39.2
日期:2016/12/23
=====================================


問題:
  最近在處理setInterval時常遇到APP當掉,因此在這裡介紹一下正確的使用Interval。

解決:
1.使用時一定要指定個function name給它
this.timer = setInterval( () => {
//更換照片
this.setState({BtnIndex:this.state.BtnIndex+1});
//重設照片來源
this.playButtonView(); },1000);
}

2.有了function name就可以在程式的某個條件下一定要把它關閉掉
舉例
componentWillUnMount(){
//關閉計時器
clearInterval(this.Timer);
}

沒有留言:

張貼留言