码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-11-19 16:28:17      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

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

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

 

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

标签:

原文地址:http://www.cnblogs.com/firstForEver/p/4977644.html

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