验证码60秒倒计时

Posted 为师灭了你

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了验证码60秒倒计时相关的知识,希望对你有一定的参考价值。

 

验证码60秒倒计时(jQuery),

代码如下: 

                //验证码倒计时        
                var countdown = 60;
                var st;
                function settime(element) {
                    if (countdown != 0) {
                        st = setTimeout(function () {
                            settime(element);
                        }, 1000);
                    }
                    if (countdown == 0) {
                        element.removeAttr("disabled");
                        element.val("获取验证码");
                        element.removeAttr("style");
                        countdown = 60;
                        window.clearTimeout(st);
                    } else {
                        element.attr("disabled", true);
                        element.css({"background":"#CCC","color":"#fff"});
                        element.val("重新发送(" + countdown + ")");
                        countdown--;
                    }
                }

 

以上是关于验证码60秒倒计时的主要内容,如果未能解决你的问题,请参考以下文章

js 验证码 倒计时60秒

60秒验证码倒计时js代码 js样式代码 方块上下左右随机移动(定时器) js中获取元素的方法 js中表单提交

点击获取验证码进行60秒倒计时

js倒计时60秒获取验证码

实现发送短信验证码后60秒倒计时

jquery实现手机发送验证码的倒计时代码