如何使时钟显示与实时同步

Question

我想用javascript制作一个时钟。

我希望实时显示秒数甚至毫秒数，就像真正的时钟一样。你可以看到这些数字是如何实时变化的。

我想到了一个循环，其中函数调用自身来重复写入命令，就像这个

function countdown (i) {
  if (i == undefined) {
    i = 10;
  }

  if (i > 0) {
    i--;
    var timeout = window.setTimeout("document.getElementById("thedate").innerHTML ... , 1000);
  }
}
countdown();

我怎样才能使该功能以与真实时钟相同的速度重复，这是否可能？

当我将setTimeout的步骤间隔设置为1并且每秒重复该函数1000次时，它可能与我之前由getDate定义的实时异步，我是对的吗？

主要问题是：如何让我的重复功能与实时同步？

Answer 1

使用setInterval Web Api解决该问题：

var intervalID = window.setInterval(myCallback, 1000);

function myCallback() {
  // Gets called every second
}

Documentation for the setInterval() method

Answer 2

在我的博客中，您可以找到您想要的内容

http://turgaygulmez.com/javascript-local-time/

Answer 3

不要使用函数创建无限循环，只需使用setInterval(function () {}, 1000);