js获取验证码倒计时效果

1. <div class="div user-input">  
2.   <input type="number" class="code" placeholder="请输入手机验证码" required maxlength="6">  
3.   <input type="button" class="obtain generate_code" value=" 获取验证码" onclick="settime(this);">  
4. </div>  
5. <script type="text/javascript">  
6.   
7. //倒计时  
8. var countdown=60;  
9. function settime(val) {  
10.     if (countdown == 0) {  
11.         val.removeAttribute("disabled");  
12.         val.value="获取验证码";  
13.         countdown = 60;  
14.         return false;  
15.     } else {  
16.         val.setAttribute("disabled", true);  
17.         val.value="重新发送(" + countdown + ")";  
18.         countdown--;  
19.     }  
20.     setTimeout(function() {  
21.         settime(val);  
22.     },1000);  
23. }  
24. </script>