javascript - 如何将 JavaScript 倒计时与服务器时间同步

Question

这个问题已经有答案了:

The best way to synchronize client-side javascript clock with server date (8 个回答)

已关闭 10 年前。

我正在建立一个网站，其时间和价格都会下降。我最关心的是同步时间，以便所有客户端的时间尽可能准确。

目前，我正在向客户端发送剩余的毫秒数，然后用于为倒计时器提供燃料，但由于传输和渲染延迟，即使同一台计算机上有 2 个浏览器，该时间也可能会延迟几秒钟。

有没有办法同步客户端的 JavaScript 时间和服务器时间，或者我是否只需要处理这种轻微的延迟？

如果有一种方法可以准确测量服务器发送数据与客户端接收和呈现数据之间的时间差就好了。

Answer 1

即使服务器和客户端上的时间不同，时间变化的速率也应该基本相同。我会将剩余时间发送给客户端，让客户端将该时间添加到当前时间，然后让客户端计算倒计时。例如:

var timeRemaining = [rendered on page load or queried by ajax]; // in milliseconds
var endTime = new Date(new Date().getTime() + timeRemaining);

// Put this in a setInterval, or however you currently handle it
var countdown = (endTime.getTime() - new Date().getTime()) / 1000;