如何做发送验证码后倒计时60s?
- 主要是用setInterval定时器,因为setInterval定时器可以循环定时器函数体内的函数,直至用 clearInterval() 函数将定时器清除 或者关闭窗口才能让它清除。
let n = 60; / /定义 n为60s
that.text = “剩余” + n + “s”;
const run = setInterval(() => { //设置循环定时器每一秒钟执行一次
n = n - 1; //每次执行一次定时器n-1
if (n < 0) {
clearInterval(run); //如果 s小于0 则关闭定时器
}
that.text = “剩余” + n + “s”; //重新渲染DOM
if (that.text < “剩余” + 0 + “s”) {
that.disabled = false; //重新让他点击
this.text = “重新获取”;
}
}, 1000);
记住定时器函数不能写错 写成 setTimeout !!!