同步Javascript计时器

时间:2013-10-23 01:14:50

标签: javascript timer multiple-browsers

我正在开发一个具有javascript间隔计时器的应用。我希望计时器在服务器上运行,然后我想在点击多个设备上抓住时间。

Ex:倒数计时器显示在健身房的大屏幕上(这来自服务器)。我希望移动设备上的用户能够捕获时间并实时记录。

如果大屏幕上的计时器在10点35分说我按下移动设备上的按钮,我希望它抓住10:35并将其放入输入字段。

我找到了计时器代码。我只是不知道如何将服务器上显示的时间提供给其他设备。

我知道这是一个非常普遍的问题。我只是想知道是否有可能,如果有人能指出我正确的方向。

感谢!!!

2 个答案:

答案 0 :(得分:2)

如果您正在使用javascript / using node.js ...您可以使用websockets实时同步您的计时器。

这是一个很好的教程的链接:-) http://www.youtube.com/watch?v=pNKNYLv2BpQ

答案 1 :(得分:0)

嗯。考虑到在多个设备上保持时间同步的复杂性,这是一个特别困难的问题。

这是我建议的架构:

  • 服务器向客户端提供包含三个时间戳的HTML文档:开始时间,结束时间和当前服务器时间。可以想象这可以通过AJAX获取。
  • 从当前服务器时间开始,客户端可以使用客户端Javascript计算其当前偏差并显示与服务器(“大板”)匹配的倒数计时器。
  • 然后按钮可以获取计时器的值并填充输入字段。

Here's a pretty similar question.