js控制按键在规定时间内的可操作性

来源:互联网 发布:淘宝商品品牌不一致 编辑:程序博客网 时间:2024/05/17 02:08
  1. <html>   
  2. <head>   
  3. <title>点击获取验证码按钮后按钮变灰,倒计时一60s后又可重复点击</title>   
  4. </head>   
  5. <body>   
  6. <input type="button" id="btn" value="免费获取验证码" />   
  7. <script type="text/javascript">   
  8. var wait=60;   
  9. function time(o) {   
  10.         if (wait == 0) {   
  11.             o.removeAttribute("disabled");             
  12.             o.value="免费获取验证码";   
  13.             wait = 60;   
  14.         } else {   
  15.             o.setAttribute("disabled", true);   
  16.             o.value=wait+"秒后可以重新发送";   
  17.             wait--;   
  18.             setTimeout(function() {   
  19.                 time(o)   
  20.             },   
  21.             1000)   
  22.         }   
  23.     }   
  24. document.getElementById("btn").onclick=function(){time(this);}   
  25. </script>   
  26. </body>   
  27. </html> 
阅读全文
0 0
原创粉丝点击