我来为你讲解一下“JavaScript显示动态时间的方法汇总”的完整攻略。

JavaScript显示动态时间的方法汇总

1. 使用Date对象

Date对象是 JavaScript 内置的日期时间对象，可以获取当前本地时间。通过setInterval方法实现定时更新。

示例代码如下：

<p id="demo"></p>

<script>
function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('demo').innerHTML =
  h + ":" + m + ":" + s;
  var t = setTimeout(startTime, 500);
}

function checkTime(i) {
  if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
  return i;
}
</script>

此代码会在页面中展示当前的小时数、分钟数和秒数，并在每半秒钟自动刷新一次。你可以将<p>元素的 id 设为demo以在页面中展示时间。

2. 使用moment.js库

moment.js是一个非常流行的 JavaScript 时间处理库，可以用于解析、验证、操作和格式化日期。它可以用来显示动态时间，也可以在其他操作中使用。你可以使用下面的代码，在你的网站中使用moment.js动态显示时间。

<p id="demo"></p>

<script src="https://momentjs.com/downloads/moment.js"></script>
<script>
  function updateTime() {
    document.getElementById("demo").innerHTML = moment().format('MMMM Do YYYY, h:mm:ss a');
  }

  setInterval(updateTime, 1000);
</script>

此代码会在页面中展示当前日期和时间，并在每秒自动刷新一次。

除了上述方法，还有很多其他的 JavaScript 方法可以动态显示时间。这些方法适用于不同的情况，因此你需要选择最适合你的需求的方法。

希望上述攻略可以帮到你。