js倒计时,页面刷新时,不会从头计时
2015-11-19 14:52
711 查看
最近不忙,瞎鼓捣...哈哈
这里利用了H5的本地存储 localStorage,取秒数直接用了php的time()方法,就懒得用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>
相关文章推荐
- JS学习:JavaScript的核心
- Json错误处理 整理中
- js中转换字符串为JSON格式
- Servlet:JSP理解
- JavaScript正则表达式实例
- JS实现——Base64编码解码,带16进制显示
- javascript 进制转换(2进制、8进制、10进制、16进制之间的转换)
- javascript Date format(js日期格式化)
- JSON的简单使用之提取多层嵌套的JSON(C#)
- js获取各种屏幕高度
- js拖拽的封装
- 千里码-扫地机器人
- js中~符号的意义
- 坑爹错误——NSJSONSerialization 反序列化失败
- 对js运算符“||”和“&&”的总结
- js中this关键字的指向问题
- ajax跨域获取json
- jstorm
- NSJSONSerialization用法
- JS当中的数组如果通过JSON格式传递到后台