验证码倒计时
程序员文章站
2022-07-01 15:54:17
验证码倒计时 1 9 10
验证码倒计时
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>
博客园模板 http://www.cnblogs.com/skins.aspx
下一篇： JS基础 —— 数据类型