你的位置:首页 > Java教程

[Java教程]倒计时然后才可以点击效果代码


倒计时然后才可以点击效果代码:
不少网站在注册会员的地方会有这样的效果,会强制用户阅读注册协议一定的时间,然后才可以点击注册,并且能够实时现在倒计时效果,下面就简单介绍一下如何实现此效果,代码如下:

 

<!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>

 

以上代码实现了我们想要的效果,必须经过一定事件的倒计时才能够继续点击,下面简单介绍一下实现过程:
首先设置一个全局的变量s用于存储倒计时事件,这个是以秒计算的,然后声明一个函数,此函数用来判断变量s的当前值,如果s大于零,则继续继续执行递减效果,然后将s的当前值作为按钮的value属性值,这样就达到了倒计时效果,当变量s不大于0的时候就会将按钮变为可用,并种植定时器。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=7976

更多内容是:http://www.softwhy.com/javascript/