首页 > 代码库 > 关于注册网站时经常碰到的发送手机号定时器简单demo

关于注册网站时经常碰到的发送手机号定时器简单demo

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>手机号获取验证码</title>
 6 </head>
 7 <body>
 8 <input type="button" id="btnSendCode" value="http://www.mamicode.com/获得验证码"/>
 9 <script src="http://www.mamicode.com/jquery.js"></script>
10 <script>
11     var t;
12     var count = 5;
13     var curCount;
14 
15     function SetRemainTime(){
16         if(curCount <= 0){
17             window.clearInterval(t);
18             $("#btnSendCode").val("重新获得验证码");
19             $("#btnSendCode").attr("disabled",false);
20         }else{
21             curCount--;
22             $("#btnSendCode").val("请在"+curCount+"秒内输入验证码");
23         }
24     }
25 
26     $("#btnSendCode").click(function (){
27         curCount = count;
28         $("#btnSendCode").attr("disabled",true);
29         $("#btnSendCode").val("请在"+curCount+"秒内输入验证码");
30         t = window.setInterval(SetRemainTime,1000);
31     });
32 </script>
33 </body>
34 </html>

日常积累,分享给大家。

关于注册网站时经常碰到的发送手机号定时器简单demo