1.html
<view class="code" bindtap="onClickCheckCode"> {{sms_status}}</view>
2.js
data: {
sms_status: "获取验证码"
},
if (res.data === "ok") {
// todo 计时器
this.countDown();
}
// 定时器
countDown: function () {
let time = 60;
// 生成一个自动计时的函数
let t = setInterval(() => {
// time 自减
if (time >= 0) {
// 先减少,在做其他的事情,不然,等待一秒,加上网络延迟,效果不好
--time;
this.setData({
sms_status: `${time}后可再次点击`
})
} else {
// 清除函数
clearInterval(t);
this.setData({
sms_status: "获取验证码"
})
}
}, 1000)
},
3. 其他计时器
前端计时器https://blog.csdn.net/qq_52385631/article/details/122772167?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165029630216780269822308%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165029630216780269822308&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-122772167.nonecase&utm_term=%E5%80%92%E8%AE%A1%E6%97%B6&spm=1018.2226.3001.4450