首页使用javascript写一段代码，网页下方实时显示当前的北京时间

使用javascript写一段代码，网页下方实时显示当前的北京时间

时间: 2024-09-19 15:12:12 浏览: 93

要实现在网页下方实时显示当前的北京时间，你可以使用JavaScript的Date对象和国际标准化时间（UTC）概念。以下是一个简单的示例，它会在页面底部创建一个元素并更新其内容为当前的北京时时间： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实时北京时间</title> </head> <body> <div id="time"></div> <script> function displayBeijingTime() { // 获取当前的日期和时间 const now = new Date(); // 将时间转换为北京时间（东八区，UTC+08:00） let bjt = new Date(now.getTime() + (now.getTimezoneOffset() * 60 * 1000) - 8 * 60 * 60 * 1000); // 格式化日期和时间 let formattedTime = `${bjt.toLocaleString('zh-CN', {timeZone: 'Asia/Shanghai', hour12: false})}`; // 更新页面上的时间元素 document.getElementById("time").innerText = formattedTime; } // 每秒更新一次时间 setInterval(displayBeijingTime, 1000); </script> </body> </html> ``` 这段代码首先定义了一个`displayBeijingTime`函数，然后每秒钟调用这个函数一次，确保时间始终保持最新。注意浏览器会自动处理时区调整，我们只需要提供固定的时差（东八区减去UTC时间）。

阅读全文