首页 > 代码库 > 关于注册网站时经常碰到的发送手机号定时器简单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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。