一般我们在登录网上银行时，或者注册账号时，发送验证码时，经常为了避免邮件或者短信的多次重复发送，所以可以在点击了发送后按钮就会变灰。如下图

 

<html>
<head> 
<title>点击获取验证码按钮后按钮变灰，倒计时一段时间后又可重复点击</title> 
</head> 
<body> 
<input type="button" id="btn" value="免费获取验证码" /> 
<script>
     var wait = 60;
     function time(object){
         if(wait==0){
            object.removeAttribute("disabled");
            wait = 60;
        }else{
            object.setAttribute("disabled",true);
            wait--;
            object.value = wait + "秒后重新发送";
            setTimeout(function(){time(object)},1000);
        }
     }
     document.getElementById("btn").onclick = function(){time(this);}
</script> 
</body> 
</html>

 

版权声明：本文为wanliyuan原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/wanliyuan/p/3580701.html