js手机验证码倒计时

//发送验证码给手机

/////////第一种方法//////////
 var clock = '';
var nums = 20;
var btn;
function sendCode(thisBtn){
btn = thisBtn;
btn.disabled = true; //将按钮置为不可点击
btn.value = '等待'+nums+'秒';
clock = setInterval(doLoop, 1000); //一秒执行一次

var telephone = $('#telephone').val();
if(ok2){
$.ajax({
data:{telephone:telephone},
dataType:"json",
type:"get",
url:"{:U('Home/User/sendTemplate')}",
success : function(e){
if(e==1){
alert('验证码已发送,请注意查收');
}else{
alert('验证码发送失败');
}
}
});
}

};

function doLoop(){
nums--;
if(nums > 0){
$('#getcode').html('等待'+nums+'秒');
}else{
clearInterval(clock); //清除js定时器
//$('#getcode').disabled = false;
$('#getcode').css("cursor","not-allowed");
$('#getcode').text('点击发送验证码');
nums =20; //重置时间
}
};

 

 

 

 

 

 

//////第2种方法///////

var setgetcode;
var nums =120;
function sendCode(thisBtn){
var getcode=parseInt(nums);
setgetcode=setInterval(function(){
$('#getcode2').css("cursor","not-allowed");
if(getcode<=0){
clearInterval(setgetcode);
$('#getcode2').text('点击发送验证码');
$('#getcode2').css("cursor","pointer");
return;
}
getcode--;
$("#getcode2").text('等待'+getcode+'秒');
},1000);

var telephone = $('#telephone').val();
if(ok2){
$.ajax({
data:{telephone:telephone},
dataType:"json",
type:"get",
url:"{:U('Home/User/sendTemplate')}",
success : function(e){
if(e==1){
alert('验证码已发送,请注意查收');
}else{
alert('验证码发送失败');
}
}
});
}
}