AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

js实现n秒倒计时后才可以点击的效果

51自学网 http://www.wanshiok.com
js,倒计时

在我们进行注册用户时经常遇到点击按钮后,60秒倒计时后才能继续可以点击,按钮上还能显示倒计时,这60秒时间就是为大家提供”细阅读协议“做准备的,这种功能是如何实现的,下面为大家分享详细代码。

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>倒计时然后才可以点击效果代码</title> <script type="text/javascript">var s=4;function countsub(){ var btnReg=document.getElementById("btnReg"); if(btnReg) { if(s<=0) {  btnReg.value="同意";  btnReg.disabled=false;  clearInterval(id); } else {  btnReg.value="请仔细阅读协议(还剩"+s+"秒)";  s--; } }}var id = setInterval('countsub()',1000)</script></head><body><textarea>注册协议</textarea><input id="btnReg" type="button" value="同意" disabled="true" /></body></html>

希望本文所述对大家学习javascript程序设计有所帮助。


js,倒计时  
上一篇:javascript实现的网站访问量统计代码  下一篇:图解js图片轮播效果