码迷,mamicode.com
首页 > Web开发 > 详细

Jquery验证码倒计时

时间:2019-01-24 13:15:08      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:color   click   html   引用   htm   col   cli   als   turn   

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验证码倒计时

标签:color   click   html   引用   htm   col   cli   als   turn   

原文地址:https://www.cnblogs.com/LoveQin/p/10313673.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!