首页.html，编写程序，实现页面动态显示当前日期、时间、星期的效果

.html，编写程序，实现页面动态显示当前日期、时间、星期的效果

时间: 2024-02-05 19:03:37 浏览: 162

好的，可以使用 JavaScript 来实现这个效果。以下是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>显示当前日期、时间、星期</title> <script> function displayDateTime() { var now = new Date(); var date = now.toLocaleDateString(); var time = now.toLocaleTimeString(); var day = now.toLocaleDateString('en-US', { weekday: 'long' }); document.getElementById('date').innerHTML = date; document.getElementById('time').innerHTML = time; document.getElementById('day').innerHTML = day; } window.onload = function() { displayDateTime(); setInterval(displayDateTime, 1000); } </script> </head> <body> 今天是： 当前时间： 当前日期： </body> </html> ``` 这个程序会在页面加载完成后，立即显示当前日期、时间、星期，并且每秒钟更新一次。具体实现方法是： 1. 在 HTML 中添加三个 `` 元素，用于显示日期、时间、星期。 2. 在 JavaScript 中，定义一个 `displayDateTime` 函数，用来获取当前时间，并且更新三个 `` 元素的内容。 3. 在 `window.onload` 事件中，调用 `displayDateTime` 函数，以显示当前时间。同时，使用 `setInterval` 函数，每秒钟调用一次 `displayDateTime` 函数，以更新时间。

阅读全文