萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery實現手機發送驗證碼的倒計時代碼

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'));     
copyright © 萬盛學電腦網 all rights reserved