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

  1. 在你的HTML文件中,添加一个用于显示时间的元素,例如:
<span id="clock"></span>
  1. 在你的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);
  1. 在你的HTML文件中,引入你的JavaScript文件。例如:
<script src="yourScript.js" type="text/javascript"></script>

这样,页面上的指定元素(ID为"clock"的元素)将会显示当前时间,并且每秒钟更新一次。


原文地址: https://www.cveoy.top/t/topic/i9zI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录