【小程序開發】計時器
阿新 • • 發佈:2019-01-05
data inter ear pre set ont function container art
1、wxml代碼
<!--index.wxml-->
<view class="container">
<button type=‘primary‘ style=‘margin-bottom:40px;‘ bindtap=‘startSetInter‘>開始</button>
<button type=‘primary‘ bindtap=‘endSetInter‘>結束</button>
</view>
2、js代碼
將計時器賦值給 data 中的變量,這樣在任何方法中都可以清除計時器
Page({ data: { //存儲計時器 setInter:‘‘, num:1, }, onLoad: function () { var that = this; }, startSetInter: function(){ var that = this; //將計時器賦值給setInter that.data.setInter = setInterval( function () { var numVal = that.data.num + 1; that.setData({ num: numVal }); console.log(‘setInterval==‘ + that.data.num); } , 1000); }, endSetInter: function(){ var that = this; //清除計時器 即清除setInter clearInterval(that.data.setInter) }, onHide: function () { }, onUnload: function () { var that =this; //清除計時器 即清除setInter clearInterval(that.data.setInter) }, })
【小程序開發】計時器