Jquery验证码倒计时

Posted loveqin

tags:

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

html代码:

<input type="button"  value="获取验证码"  id="getCode" style="color:#4664E6;background:white;" />

Jquery代码:别忘了引用jquery库

 <script type="text/javascript">
        var countdown = 60;
        $(function () {
            $("#getCode").bind("click", function () {
                settime();
            });
        })
        function settime(e) {
            if (countdown == 0) {
                countdown = 60;
                $("#getCode").val("获取验证码");
                $("#getCode").removeAttr("disabled");
                return false;
            } else {
                countdown--;
                $("#getCode").val(countdown + "秒后重新获取");
                $("#getCode").attr("disabled", "disabled");
            }
            setTimeout(function () {
                settime();
            }, 1000);
        }
    </script>

 

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

jQuery手机发送验证码倒计时代码

Jquery插件 防刷新倒计时 “点击获取验证码后60秒内禁止重新获取

jQuery实现发送验证码30s倒计时,且刷新页面时有效

使用Jquery实现获取短信验证码60秒倒计时

C#实现发送验证码倒计时60秒

jquery 获取验证码倒计时