首页 > 其他 > 详细

验证码倒计时

时间:2019-11-18 16:11:48      阅读:110      评论:0      收藏:0      [点我收藏+]

验证码倒计时

 1 <style>
 2     .btn{
 3         color:red;
 4     }
 5     .dian{
 6         color:green;
 7     }
 8 </style>
 9 <body>
10     <input type="button" class="btn" value="获取验证码" onclick="dao(15,this)">
11 </body>
12 </html>
13 <script src="jquery-1.8.1.min.js"></script>
14 <script>
15     var shi 
16     function dao(miao,obj){
17         if(miao > 1){
18             miao --;
19             miao > 9 ? shi = miao :shi = "0" + miao; 
20             $(obj).val(shi + ‘‘ + "s后重试").attr("disabled",true);  //按钮禁用
21             $(obj).addClass("dian");
22             setTimeout(function(){
23                 dao(miao,obj)
24             },1000);
25         }else{
26             $(obj).val("获取验证码").attr("disabled",false)  //按钮可用
27             $(obj).removeClass("dian");
28         }
29     }
30 </script>

 

验证码倒计时

原文:https://www.cnblogs.com/xiaoyaolang/p/11882635.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!