码迷,mamicode.com
首页 > 其他好文 > 详细

可以防止刷新重置的倒计时实例代码

时间:2016-01-05 15:11:43      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

可以防止刷新重置的倒计时实例代码:
一般说来,除了我们明确设置一个到期时间日期,比如类似于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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!