javascript - 同时时钟滴答

Question

我正在使用 jquery clock 在我的应用程序中演示时间。
在此应用程序中，有两个不同的浏览器窗口，其中一个会触发另一个作为其弹出窗口。
在这两个窗口中，我正在使用 jclock 实例，但不知何故，这些时钟并没有像一个一样滴答作响。

http://plugins.jquery.com/files/jquery.jclock-1.2.0.js.txt

$(document).ready(function () {
      $('#clock').jclock({ format: '%d %B %A %Y %H:%M:%S' });
});

<div id="clock"></div>

为什么这些时钟不是同时的？
我怎样才能做到这一点？
谢谢

Answer 1

这可能是因为 jclock 只是使用 1000 毫秒的超时间隔来更新时钟 View ，而没有将更新对齐到第 0 毫秒。

我可以想到两种解决方法:

1. 不要在弹出窗口中直接初始化 jclock，而是让父窗口初始化它自己的和弹出窗口的 jclock 实例。也许那样的话，时钟就会同步。
2. 在主窗口和弹出窗口中:读取当前毫秒数并设置超时以在当前毫秒数 % 1000 毫秒后过期。当您的超时到期时，初始化 jclock。这可能不如选项 #1 准确，因为您无法保证及时触发 setTimeout。