连续倒计时（与页面加载无关）答案

【问题标题】：Continuous countup timer (independent of page load)连续倒计时（与页面加载无关）
【发布时间】：2013-12-14 01:56:54
【问题描述】：

我正在尝试在我的网站上创建一个不断增加的数字，该数字从给定数字（例如 5,000,000）开始，并以均匀的速度（大约每秒 1 次左右）增加到无穷大。这应该独立于用户加载网页而发生 - 换句话说，每次加载网页时计时器不应在 5,000,000 处重新启动。它会改为显示新的更高的数字。

我在想最简单的方法（在我对这个主题的了解非常有限的情况下）可能是使用以前的日期作为起点并计算从该日期经过的秒数。这样，无论您何时加载页面，它都会是准确的，并且会以每秒 1 次的速度增加。

有什么想法吗？

【问题讨论】：

在第一次加载时将时间存储在 cookie 中，并使用它来计算您的数字。
这不会给不同的人不同的数字，因为 cookie 只存储在每台单独的计算机上吗？
你是对的。最好的办法是让它成为实际时间/日期的函数。
我认为唯一可靠的方法是使用日期并计算该日期与现在之间的差异，以秒为单位，然后将这些秒数添加到预设数字
您必须根据时间/日期执行此操作，并根据服务器的日期时间获取该值，根据他们的时区，最终用户可能看起来“关闭”。

标签： jquery timer ticker

【解决方案1】：

var initSeconds = new Date(2010, 0).getSeconds() //january 1 of 2010
    , BASE_NUMBER = 5000000
;

setInterval(function() {
   var curSeconds = new Date().getSeconds()
       , elem = $('#mydisplayelem')
   ;
   elem.text(BASE_NUMBER + curSeconds - initSeconds);
}, 1000);

沿着这些思路...这不会完全符合您的要求，您需要更好的时间计算，但这应该可以帮助您开始。

另外，请参阅 this article 关于计算日期差异。

【讨论】：