您的位置:首页 > Web前端 > JavaScript

js倒计时,页面刷新时,不会从头计时

2015-11-19 14:52 711 查看
  最近不忙,瞎鼓捣...哈哈

这里利用了H5的本地存储 localStorage,取秒数直接用了php的time()方法,就懒得用js取了。

把第一次访问页面时的时间存在客户端,然后再刷新的时候,比较用户第一次访问的时间和当前刷新时的时间。

这样就可以避免刷新的时候从头计时。当然方法有很多哈哈。

<div id='xx'></div>
<script>
var first_access_time = localStorage.getItem("first_access_time");
var i = 10;
if (first_access_time){
  var refresh_time = "<?php echo time();?>";
time(i - (refresh_time - first_access_time));
} else {
localStorage.setItem("first_access_time", '<?php echo time();?>');
time(i);
}

function time(i){
if (i <=0){
location.href = 'http://www.google.cn';
return;
}
document.getElementById('xx').innerHTML = i;
setTimeout('time('+(--i)+')', 1000);
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: