js 发送验证码倒计时

最新推荐文章于 2024-01-06 11:08:09 发布

转载最新推荐文章于 2024-01-06 11:08:09 发布 · 126 阅读

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/609196

首先写一个按钮：

<input type="button" id="btn" value="免费获取验证码" onclick="time(this)" />

然后写js代码：

var wait=60;
    function time(o){
        if (wait==0) {
            o.innerHTML="重新发送验证码";
            o.style.backgroundColor="#388BE8";
            o.removeAttribute("disabled");
            wait=60;
        }else{
            o.setAttribute("disabled", true);
            o.innerHTML=wait+"秒后重新获取";
            o.style.backgroundColor="#8f8b8b";
            wait--;
            setTimeout(function(){
                time(o)
            },1000)
        }
        
    }