点击按钮后变灰（等待60秒）

最新推荐文章于 2022-07-22 14:29:29 发布

weixin_34189116

最新推荐文章于 2022-07-22 14:29:29 发布

阅读量1.2k

点赞数

文章标签： javascript 前端测试 ViewUI

原文链接：http://www.cnblogs.com/wanliyuan/p/3580701.html

版权

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

<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>