Jquery手机获取验证码倒计时效果

  • 内容
  • 相关
mzl.udgbgyos.png
<pre class="brush:html;"><!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<!--验证码-->
<script type="text/javascript">
          $(function () {
                   
                    var validCode = true;
                    $(".get-code").click(function () {
                              var time = 30;
                              var code = $(this);
                              if (validCode) {
                                        validCode = false;
                                        //code.addClass("disabled");
                                        //code.attr("disabled", true);
                                        var t = setInterval(function () {
                                                  time--;
                                                  code.val(time + "秒");
                                                  if (time == 0) {
                                                            clearInterval(t);
                                                            code.val("重新获取");
                                                            validCode = true;
                                                            //code.removeClass("disabled");
                                                            //code.attr("disabled",false);
                                                  }
                                        }, 1000)
                              }
                    })
          })
</script>
<body> 
<input type="button" class="get-code disabled" value="获取验证码"/>
</body>
</html></pre>
Jquery手机获取验证码倒计时效果
         本页正文内容约705个文字
         本文标签:

         版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。

         本文链接:https://suppore.cn/238.html   百度已收录

发表评论

电子邮件地址不会被公开, 推荐使用QQ快速评论!

00:00 / 00:00
顺序播放