首页js实现实时获取星期几年月日时间并展示到html中

js实现实时获取星期几年月日时间并展示到html中

时间: 2024-02-03 16:14:35 浏览: 189

可以使用 JavaScript 中的 Date 对象来获取当前的日期和时间，并将其展示到 HTML 页面中。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>展示日期和时间</title> </head> <body> <h1 id="date"></h1> <script> function showDateTime() { var date = new Date(); var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; var dayOfWeek = days[date.getDay()]; var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); var ampm = (hour < 12) ? "AM" : "PM"; if (hour > 12) { hour -= 12; } else if (hour == 0) { hour = 12; } if (minute < 10) { minute = "0" + minute; } if (second < 10) { second = "0" + second; } var dateTime = dayOfWeek + ", " + month + "/" + day + "/" + year + ", " + hour + ":" + minute + ":" + second + " " + ampm; document.getElementById("date").innerHTML = dateTime; setTimeout(showDateTime, 1000); // 每秒钟刷新一次时间 } showDateTime(); </script> </body> </html> ``` 这段代码会在页面中创建一个标题元素（`<h1>`）来展示日期和时间。JavaScript 代码中的 `showDateTime()` 函数会使用 Date 对象获取当前的星期几、年月日、时分秒和 AM/PM，并将其组合成一个字符串，最后将其赋值给页面中的标题元素。使用 `setTimeout()` 函数可以每秒钟刷新一次时间。

阅读全文