标签:
可以防止刷新重置的倒计时实例代码:
一般说来,除了我们明确设置一个到期时间日期,比如类似于2018-5-12这样,一般在刷新网页的时候都会使倒计时重新来过,下面就介绍一下可以防止这种情况的方式,希望能够给需要的朋友带来一定的帮助。
实例代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>window对象的name属性-蚂蚁部落</title> </head> <body> <script type="text/javascript"> var maxtime; if(window.name==‘‘){ maxtime=7*60; } else{ maxtime=window.name; } function CountDown(){ if(maxtime>=0){ minutes=Math.floor(maxtime/60); seconds=Math.floor(maxtime%60); msg="距离倒计时结束还有:"+minutes+"分"+seconds+"秒"; document.all["timer"].innerHTML=msg; if(maxtime==5*60){ alert(‘距离结束还是有五分钟‘); } --maxtime; window.name=maxtime; } else{ clearInterval(timer); alert("倒计时已经结束了"); } } timer=setInterval("CountDown()",1000); </script> <div id="timer"></div> </body> </html>
以上代码实现了我们的要求,尽管刷新页面也会被时倒计时效果重置。之所以能够实现这样的效果,是因为window.name属性值,在刷新网页的时候是不会改变的,甚至页面加载了其他域名的页面也不会改变。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9088
更多内容可以参阅:http://www.softwhy.com/javascript/
标签:
原文地址:http://www.cnblogs.com/nulifendou/p/5102161.html