html5 验证码倒计时

最新推荐文章于 2024-08-05 07:15:52 发布

sp_wei

最新推荐文章于 2024-08-05 07:15:52 发布

阅读量4k

点赞数

分类专栏： h5开发文章标签： h5 验证码倒计时

本文链接：https://blog.csdn.net/sp_wei/article/details/72600027

版权

h5开发专栏收录该内容

5 篇文章 0 订阅

订阅专栏

html5 点击获取验证码后进入60秒倒计时，并在点击登录按钮后关闭计时器，具体代码如下

var wait=60;//时间
        var t;//计时器
        function time(){
            if (wait == 0) {
                $('#btnVerify').removeAttr('disabled');
                //btnObj.removeAttribute("disabled");
                //btnObj.textContent = "再次获取验证码";
                $('#btnVerify').text("获取验证码");
                wait = 60;
            }else{
                //btnObj.setAttribute("disabled", true);
                $('#btnVerify').attr('disabled','disabled');
                //$('#btnVerify').textContent = "重新发送验证码(" + wait + "s)";
                $('#btnVerify').text("重新发送验证码(" + wait + "s)");
                wait--;
                t=setTimeout(function(){
                    time();
                },1000)
            }
        }
        function stopTime(){
            clearTimeout(t);
        }