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

　　最近不忙，瞎鼓捣...哈哈

这里利用了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>

 

转载于:https://www.cnblogs.com/firstForEver/p/4977644.html