求一个短信验证码按钮倒计时的demo案例

Question

倒计时时无法点击，结束了后样式与文字改变，可以点击，再次倒计时

Answer 1

btn点击，发请求获取验证码就不写了，只写倒计时部分的函数。发送成功开始执行还是点击就执行自己确定。

btn.setAttribute("disabled","true")
let time = 60;
btn.innerText = time;
let stop = setInterval(()=>{
    time--;
    btn.innerText = time;
    if(time===0){
        btn.removeAttribute("disabled")；
        btn.innerText = 初始值;
        clearInterval(stop)
    }
},1000);

没测试，结构应该是对的。

Answer 2

这个好简单， 先发起ajax给后台是否发送成功才倒计时。