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

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

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

posted on 2014-03-04 16:54 雨为我停阅读(2250) 评论(0) 编辑收藏举报