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

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript可以防止刷新重置的倒计时实例代码

一般说来，除了我们明确设置一个到期时间日期，比如类似于2018-5-12这样，一般在刷新网页的时候都会使倒计时重新来过，下面就介绍一下可以防止这种情况的方式，希望能够给需要的朋友带来一定的帮助。

实例代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>window对象的name属性-51前端</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>

代码描述：JavaScript 重置倒计时。JavaScript可以防止刷新重置的倒计时实例代码

下载全部收藏

138 183

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册