這篇文章主要介紹了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'));