您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

js短信验证码倒计时的实现

发布时间：2017-07-24 12:25:42编辑：雪饮阅读（）

 //获取验证码

var sendCodeCount=0;
var handle;
var btn;
 
 function sendCode(phone){
 if(sendCodeCount>0){alert("1分钟后再发送！");return false;}
 $.ajax(
{
 url:'http://'+document.domain+'/index.php?s=/Index/Api/sendCode/',
 data:{phone:phone},
 type:'post',
 cache:false,
 dataType:'json',
 success:function(data){
$("#msg_id").val(data.msg_id);
sendCodeCount=60;
btn=document.getElementById("sendCode");
btn.setAttribute("disabled","");
btn.value=sendCodeCount+"秒后再次发送！";
handle = setInterval("timejsq()",1000);
 console.log(data);
 
 }
 });
 }
//时间计数器
function timejsq(){
if(sendCodeCount>0){sendCodeCount--;btn.value=sendCodeCount+"秒后再次发送！";}
else{
clearInterval(handle);
btn.removeAttribute("disabled");
btn.value="获取验证码";
}
}