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

我想在为课堂制作的网站上显示当前时间，但我找不到这样做的方法。它们是在代码中显示实时性的一种方式吗？如果是这样的话，您是如何做到的？

您可以通过首先创建一个元素来轻松完成这一点：

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

接下来，我们需要一个函数，该函数将随时间更新内容：

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

}());

---

这种优雅的做事方式的可能复制品。我知道这是一个老帖子。但是我只是好奇那是什么特别的

（函数（）{}（））结构？我不是Javascript和jQuery方面的专家
(function () {

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

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

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

}());