如何在网页上显示当前时间？

Question

我想在我上课的网站上显示当前时间,但我找不到办法.他们是一种在代码中显示实时的方法吗？如果是这样,你怎么做？

Answer 1

您可以通过首先创建一个元素来轻松完成此任务:

<span id="clock"></span>

然后获得对该元素的引用:

var clockElement = document.getElementById( "clock" );

接下来我们需要一个能够用时间更新内容的函数:

function updateClock ( clock ) {
    clock.innerHTML = new Date().toLocaleTimeString();
}

最后,我们要确保我们每秒调用一次以使时钟保持最新状态:

setInterval(function () {
    updateClock( clockElement );
}, 1000);

所以当我们把它们放在一起时它看起来像这样:

(function () {

  var clockElement = document.getElementById( "clock" );

  function updateClock ( clock ) {
    clock.innerHTML = new Date().toLocaleTimeString();
  }

  setInterval(function () {
      updateClock( clockElement );
  }, 1000);

}());