小程序倒計時60S好用功能

dom部分

----------------------------------------------------------------------------------------------

<text wx:if="{{reSend}}" bindtap='countdown'>獲取驗證碼</text>

<text wx:else>{{second}}</text>

 

data部分

----------------------------------------------------------------------------------------------

data: {

second: 60,

reSend: true

}

 

js部分

----------------------------------------------------------------------------------------------

countdown: function () {

var nsecond = 60;

var that = this;

var appCount = setInterval(function () {

nsecond -= 1;

that.setData({

second: nsecond+' s',

reSend: false

})

if (nsecond < 1) {

clearInterval(appCount);

//取消指定的setInterval函數將要執行的代碼

that.setData({

second: 60,

reSend: true

})

}

}, 1000);

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章