js 60秒验证码倒计时

Shuainan_0619

于 2020-01-06 15:55:48 发布

阅读量193

点赞数

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/Shuainan_0619/article/details/103858915

版权

web前端专栏收录该内容

5 篇文章

订阅专栏

html:

<input  id="btn" type="button" style="float:left" value="获取验证码"/>

js:

<script type="text/javascript"> 
            var wait = 60;
            var e=document.getElementById("btn");
            e.onclick = function() {
                time(this);
            }
           function time(o) {
                if (wait == '0') {
                    o.removeAttribute("disabled");            
                    o.value="获取验证码";
                    wait = 60;
                } else {
                    o.setAttribute("disabled", true);
                    o.value="重新发送(" + wait + ")";
                    wait--;
                    setTimeout(function() {
                        time(o);
                   },1000)
                }
           }
</script>