同步时钟刻度

Question

我正在使用jquery时钟在我的应用程序中展示时间 在此应用程序中，有两个不同的浏览器窗口，其中一个触发另一个作为其弹出窗口。
在这两个窗口中，我正在使用 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毫秒的超时间隔来更新时钟视图，而不会将更新对齐到0毫秒。

我可以想到两个解决方法：

1. 不要在弹出窗口内直接初始化jclock，而是让父窗口初始化它自己和弹出窗口的jclock实例。也许这样，时钟将运行同步。
2. 在主窗口和弹出窗口中：读取当前毫秒并将超时设置为在当前毫秒％1000毫秒后过期。当超时到期时，初始化jclock。这可能不如选项＃1准确，因为您无法保证及时解雇setTimeout。