首页1.在页面上每隔一秒钟显示当前时间。写出代码

1.在页面上每隔一秒钟显示当前时间。写出代码

时间: 2023-10-12 07:32:19 浏览: 142

以下是一个简单的JavaScript代码段，用于在页面上每隔一秒钟显示当前时间： ```html <!DOCTYPE html> <html> <head> <title>Display Current Time</title> <script> function displayCurrentTime() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var timeString = hours + ":" + minutes + ":" + seconds; document.getElementById("time").innerHTML = timeString; } setInterval(displayCurrentTime, 1000); </script> </head> <body> <h1>Current Time:</h1> <p id="time"></p> </body> </html> ``` 在这个页面中，JavaScript函数displayCurrentTime()会被调用，获取当前时间并将其转换为字符串格式，最后将时间字符串显示在页面上。使用setInterval()函数来每隔一秒钟调用一次displayCurrentTime()函数，实现时间的不断更新。在页面中，我们使用一个<p>元素来显示当前时间。元素的id属性被设置为"time"，以便JavaScript函数可以找到它并更新它的内容。需要注意的是，获取的时间是根据用户本地计算机上的时钟而定，可能因为用户本地计算机时钟不准确而有误差。

阅读全文