如何在页面刷新时防止倒数计时器重置

时间:2014-07-06 09:48:34

标签: javascript timer

Hello Guys我遇到了问题。当用户刷新页面时,我的页面倒计时会重置。有没有办法阻止它重置?就像去那个特定页面的人一样,计时器将如何用于我如何离开它?不是那个去那个页面的人,而是那个去了那个特定页面的人,就像这个网站上的倒数计时器一样

playrps.net /

这是代码:

http://myanimesekai.com/countdown.js

示例:

http://myanimesekai.com/time.html

我发现了很多与此类似的问题,但还没有人回答过它们。

2 个答案:

答案 0 :(得分:0)

您必须为该用户保存开始或结束时间。

如果您使用的是php等,但是将其保存到会话中,则可以执行服务器端。

您也可以通过将其保存到cookie或localStorage来实现客户端。

答案 1 :(得分:0)

这取决于你的倒计时:

您提到的页面使用绝对时间作为参考来计算"倒计时":

var someTargetDate = '07/09/2014 12:00:00';

因此,每当有人加载页面时,计数器值的计算方式如下:

var counterValue = Date.parse(someTargetDate) - Date.now();


但是,如果目标日期不是静态知道的,并且无法在HTML中进行硬编码,例如,如果要设置" targetDate"从用户第一次访问您的网页开始,只需一天。 在这种情况下,您需要在用户中设置(并跟踪)targetDate。会议通过:

  1. 后端服务器API,它返回targetDate OR
  2. 基于浏览器的存储(例如Cookie)