一、秒倒計時
wxml
js的data部分
方法代碼
// 倒計時效果
countDown: function () {
let that = this;
let countDownNum = that.data.countDownNum;//獲取倒計時初始值
//如果將定時器設置在外面,那么用戶就看不到countDownNum的數值動態變化,所以要把定時器存進data里面
that.setData({
timer: setInterval(function () {//這里把setInterval賦值給變量名為timer的變量
//每隔一秒countDownNum就減一,實現同步
countDownNum--;
//然后把countDownNum存進data,好讓用戶知道時間在倒計着
that.setData({
countDownNum: countDownNum
})
//在倒計時還未到0時,這中間可以做其他的事情,按項目需求來
if (countDownNum == 0) {
//這里特別要注意,計時器是始終一直在走的,如果你的時間為0,那么就要關掉定時器!不然相當耗性能
//因為timer是存在data里面的,所以在關掉時,也要在data里取出后再關閉
clearInterval(that.data.timer);
//關閉定時器之后,可作其他處理codes go here
}
}, 1000)
})
}