代码描述:javascript 实现表单 点击倒计时。javascript实现表单点击倒计时
为了防止按钮的重复点击,可以浏览者点击以后间隔一定时间才能再点击,下面就通过代码实例介绍一下如何实现此功能。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <head> <title>51前端</title> <script type="text/javascript"> var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 60; } else { o.setAttribute("disabled", true); o.value=wait+"秒后可以重新发送"; wait--; setTimeout(function(){ time(o) }, 1000) } } window.onload=function(){ var bt=document.getElementById("btn"); bt.onclick=function(){ time(this); } } </script> </head> <body> <input type="button" id="btn" value="免费获取验证码" /> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能