隨手寫一個獲取驗證碼倒計時的效果

<div class="div user-input">  
  <input type="number" class="code" placeholder="請輸入手機驗證碼" required maxlength="6">  
  <input type="button" class="obtain generate_code" value=" 獲取驗證碼" onclick="settime(this);">  
</div>  
<script type="text/javascript">  
  
//倒計時  
var countdown=60;  
function settime(val) {  
    if (countdown == 0) {  
        val.removeAttribute("disabled");  
        val.value="獲取驗證碼";  
        countdown = 60;  
        return false;  
    } else {  
        val.setAttribute("disabled", true);  
        val.value="重新發送(" + countdown + ")";  
        countdown--;  
    }  
    setTimeout(function() {  
        settime(val);  
    },1000);  
}  
</script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章