jquery实现手机发送验证码的倒计时代码

点评：本文主要介绍了jquery实现手机发送验证码的倒计时代码,感兴趣的可以参考一下，希望对大家有所帮助！

复制代码 代码如下:

var wait=60;//时间 

function time(o,p) {//o为按钮的对象，p为可选，这里是60秒过后，提示文字的改变 

if (wait == 0) { 

o.removeAttr("disabled"); 

o.val("点击发送验证码");//改变按钮中value的值 

p.html("如果您在1分钟内没有收到验证码，请检查您填写的手机号码是否正确或重新发送"); 

wait = 60; 

} else { 

o.attr("disabled", true);//倒计时过程中禁止点击按钮 

o.val(wait + "秒后重新获取验证码");//改变按钮中value的值 

wait--; 

setTimeout(function() { 

time(o,p);//循环调用 

}, 

1000) 

} 

} 

视图： 

复制代码 代码如下:

<input class="mem_btn mem_btn26" type="submit" name="yt0" value="点击发送验证码" id="btn"> 

调用： 

复制代码 代码如下:

echo CHtml::ajaxSubmitButton('点击发送验证码', 

CHtml::normalizeUrl( 

array('/ajax/sendGetPassMobilCaptcha','zm_id'=>$model->zm_id) 

), 

array('success'=>'function(result){ 

if(result==1){ 

$(".ys_98").html("验证码发送成功，请及时检查您的手机。"); 

time($("#yt0"),$(".ys_98")) 

}else{ 

$(".ys_98").html("验证码发送失败，请重试，或联系管理员。"); 

} 

}','data'=>"zm_id=".$model->zm_id."&zm_mob=".$model->zm_mob."&zm_name=".$model->zm_name 

), 

array('class'=>'mem_btn mem_btn26'));