星空网 > 软件开发 > 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/

 




原标题:倒计时然后才可以点击效果代码

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

清关被拒绝!出口美国一定要了解的五大认证!:https://www.goluckyvip.com/news/6979.html
为什么Shopee成为优选卖家很重要?:https://www.goluckyvip.com/news/698.html
檬牛跨境快讯|亚马逊严打哄抬物价!Shopee下线“相似商品”功能! :https://www.goluckyvip.com/news/6980.html
多客帮你提高Shopee大促转化率 :https://www.goluckyvip.com/news/6981.html
Shopee关键词怎么优化?提升排名的几大要点 :https://www.goluckyvip.com/news/6982.html
亚马逊站点哪些有海外仓,怎么选择海外仓? :https://www.goluckyvip.com/news/6983.html
我要去沙坡头旅游景区 沙坡头景区游玩线路:https://www.vstour.cn/a/404247.html
强者之路好玩还是启航 《海贼王》手游有几款?哪款比较好玩?:https://www.vstour.cn/a/404248.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流