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);

}());

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

1 个答案: