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

问题描述

问 题

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

解决方案

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);

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

这篇关于javascript - 求一个短信验证码按钮倒计时的demo案例的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！