js实现n秒倒计时后才可以点击的效果
在我们进行注册用户时经常遇到点击按钮后,60秒倒计时后才能继续可以点击,按钮上还能显示倒计时,这60秒时间就是为大家提供”细阅读协议“做准备的,这种功能是如何实现的,下面为大家分享详细代码。
<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>倒计时然后才可以点击效果代码</title> <scripttype="text/javascript"> vars=4; functioncountsub() { varbtnReg=document.getElementById("btnReg"); if(btnReg) { if(s<=0) { btnReg.value="同意"; btnReg.disabled=false; clearInterval(id); } else { btnReg.value="请仔细阅读协议(还剩"+s+"秒)"; s--; } } } varid=setInterval('countsub()',1000) </script> </head> <body> <textarea>注册协议</textarea> <inputid="btnReg"type="button"value="同意"disabled="true"/> </body> </html>
希望本文所述对大家学习javascript程序设计有所帮助。