Gleichzeitiges Ticken der Uhr

Question

Ich benutze jquery Uhr, um die Zeit in meiner Anwendung zu demonstrieren.
In dieser Anwendung gibt es zwei verschiedene Windows-Browser wobei das eine das andere als Pop-up-Fenster auslöst.
In diesen beiden Windows verwende ich jclock Instanzen, aber irgendwie ticken diese Uhren nicht beide gleich.

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>

Warum sind diese Uhren nicht gleichzeitig?
Wie kann ich das erreichen?
Dankeschön

Answer 1

Wahrscheinlich liegt es daran, dass jclock einfach ein Timeout-Intervall von 1000 ms verwendet, um die Uhransicht zu aktualisieren, ohne die Aktualisierungen auf die 0te Millisekunde auszurichten.

Ich kann mir zwei Lösungen vorstellen:

1. Initialisieren Sie jclock nicht direkt innerhalb des Popups, sondern lassen Sie das übergeordnete Fenster sowohl seine eigene als auch die jclock-Instanzen des Popups initialisieren. Auf diese Weise werden die Uhren vielleicht synchron laufen.
2. Sowohl im Hauptfenster als auch im Popup-Fenster: Lesen Sie die aktuellen Millisekunden ab und legen Sie eine Zeitüberschreitung fest, die nach aktuellen Millisekunden % 1000 ms abläuft. Wenn die Zeitüberschreitung abgelaufen ist, initialisieren Sie jclock. Dies wird wahrscheinlich nicht so genau sein wie Option 1, da Sie nicht garantieren können, dass die Uhr rechtzeitig ausgelöst wird. setTimeout .