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'));