代码描述:javascript按钮 指定时间点击。javascript按钮指定时间点击代码下载
在很多应用中,按钮不能够连续点击两次,也就是说按钮在点击一次后,就处于不能够用的状态,隔指定的时间以后才能够再用,最典型的一个例子就是,手机验证码的发送,通常都是有一定的时间间隔,下面就通过代码实例介绍一下如何实现此效果。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> window.onload=function(){ var obt=document.getElementById("bt"); var count=60; var timer=null; obt.onclick=function(){ var _that=this; _that.disabled=true; _that.value="还剩"+count+"可用"; timer=setInterval(function(){ if(count>0){ count=count-1; _that.value="还剩"+count+"可用"; } else{ _that.disabled=false; _that.value="查看效果"; count=60; clearInterval(timer) } },1000) } } </script> </head> <body> <input type="button" id="bt" value="查看效果"/> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能