首页js：在网页页面显示当前系统时间。

js：在网页页面显示当前系统时间。

时间: 2024-11-25 17:16:24 浏览: 26

在JavaScript中，你可以使用`Date`对象来获取并显示当前系统的日期和时间。以下是一个简单的示例，展示如何在HTML页面上插入一个元素，并动态更新其内容为当前时间： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>显示当前时间</title> </head> <body> <p id="current-time">点击刷新查看当前时间：</p> <script> function showTime() { var currentTime = new Date(); var timeElement = document.getElementById('current-time'); timeElement.textContent = currentTime.toLocaleString(); // 格式化时间 } // 每秒更新一次时间 setInterval(showTime, 1000); </script> </body> </html> ``` 在这个例子中，我们创建了一个函数`showTime`，它获取当前的时间，然后更新ID为`current-time`的`<p>`元素的内容。`setInterval`函数每秒钟调用一次`showTime`，确保页面上的时间始终保持最新。

阅读全文