当前位置：文江博客话题详情

在 JavaScript 中进行服务器时间同步监视的最佳方法

发布于 2024-12-12 02:01:56 字数 211 浏览 0 评论 0原文

我想做一个 js 监视：

开始时间是服务器时间（服务器将在页面的源代码中提供该时间）。
每秒更新一次。
（偏好，非强制）兼容最新版本的 gecko、webkit、presto 和 IE。

我已经检查过许多实现，但我想知道哪一个是最有效的。也就是说：占用 PC 资源较少的一种，并且是所有现有的一种中更精确的一种。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半夏半凉 2024-12-19 02:01:56

每秒滴答的时钟基本上就是动画，因此可以从递归 requestAnimationFrame< 中受益/code>(与回退到 setTimeout）。

var previousTime = 0;

function update(time) {
    if (time - previousTime >= 1000) {
        redrawClock(time);
        previousTime = time;
    }
    requestAnimationFrame(update);
}

使用 setInterval 时，您必须在每次迭代时创建一个 Date 对象，因为 setInterval 自身的延迟时间可能比其正式值更长。请参阅 John Resig 关于 JavaScript 定时器的精彩文章。

requestAnimationFrame 相反是：

更高效，针对任务进行优化。
为其回调提供准确的时间戳。

A clock that ticks every second is basically animation, so one could benefit from recursive requestAnimationFrame (with fallback to setTimeout).

var previousTime = 0;

function update(time) {
    if (time - previousTime >= 1000) {
        redrawClock(time);
        previousTime = time;
    }
    requestAnimationFrame(update);
}

With setInterval you'd have to create a Date object on each iteration, because setInterval's own delay may take longer than it's formal value. See John Resig's brilliant article on timers in JavaScript.

requestAnimationFrame on the contrary is: