如何在网页上显示实时时间 - JavaScript代码示例

要让时间显示在页面上，你可以使用 JavaScript 来获取当前时间并将其显示在相应的 HTML 元素中。以下是一个简单的示例：

1. 在你的 HTML 文件中，添加一个用于显示时间的元素，例如：

<span id='clock'></span>

2. 在你的 JavaScript 文件中，编写一个函数来获取当前时间并更新页面上的元素。例如：

function displayTime() {
  var date = new Date();
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var seconds = date.getSeconds();

  // 在数字小于 10 的情况下，在前面添加一个零
  hours = (hours < 10 ? '0' : '') + hours;
  minutes = (minutes < 10 ? '0' : '') + minutes;
  seconds = (seconds < 10 ? '0' : '') + seconds;

  // 将时间显示在页面上
  document.getElementById('clock').innerHTML = hours + ':' + minutes + ':' + seconds;
}

// 每秒钟调用一次 displayTime 函数
setInterval(displayTime, 1000);

3. 在你的 HTML 文件中，引入你的 JavaScript 文件。例如：

<script src='yourScript.js' type='text/javascript'></script>

这样，页面上的指定元素（ID 为 'clock' 的元素）将会显示当前时间，并且每秒钟更新一次。