首页 > 其他 > 详细

点击按钮后变灰(等待60秒)

时间:2014-03-05 06:42:03      阅读:355      评论:0      收藏:0      [点我收藏+]

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

bubuko.com,布布扣

 

bubuko.com,布布扣
<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>
bubuko.com,布布扣

点击按钮后变灰(等待60秒),布布扣,bubuko.com

点击按钮后变灰(等待60秒)

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!