js實現60秒倒計時效果（使用了jQuery）

標籤：效果   簡潔   驗證碼   dao   false   png   tty   記錄   border   

        今天碰到要實現一個類似那種簡訊驗證碼60秒倒計時的需求，好久不寫js，有點手生。把代碼記錄下，方便後續查閱。這裡我用了jQuey，畢竟寫起來簡潔點。下面直接看效果和代碼。一、效果                                                                         二、代碼（1）html

 

  
<input type="button" id="btn" value="免費擷取驗證碼" onclick="daojishi(10,this)" /> 
 

        注意：要引入JQuery

（2）js

 

  
<script type="text/javascript"> 
  
function daojishi(seconds,obj){
  
if (seconds > 1){
  
seconds--;
  
$(obj).val(seconds+"秒後可重新擷取 ").attr("disabled", true);//禁用按鈕
  
// 定時1秒調用一次
  
setTimeout(function(){
  
daojishi(seconds,obj);
  
},1000);
  
}else{
  
$(obj).val("免費擷取驗證碼").attr("disabled", false);//啟用按鈕
  
}
  
}
  
</script> 
 

js實現60秒倒計時效果（使用了jQuery）