首页编程题请编写代码，实现根据系统时间显示问候语的功能，通过改变 div 中内容，显示不同问候语。要求：0-8点，显示问候语“早上好”；8-12点，显示问候语“上午好”；12-17点，显示问候语“下午好”；17-24点，显示问候语“晚上好”。

编程题请编写代码，实现根据系统时间显示问候语的功能，通过改变 div 中内容，显示不同问候语。要求：0-8点，显示问候语“早上好”；8-12点，显示问候语“上午好”；12-17点，显示问候语“下午好”；17-24点，显示问候语“晚上好”。

时间: 2024-10-27 18:09:26 浏览: 36

当然，这是一个简单的JavaScript示例，它会根据当前时间动态更改HTML元素的内容： ```javascript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>时间问候</title> </head> <body> <div id="greeting"></div> <script> function changeGreeting() { const now = new Date(); const hours = now.getHours(); let greeting; if (hours >= 0 && hours < 8) { greeting = "早上好"; } else if (hours >= 8 && hours < 12) { greeting = "上午好"; } else if (hours >= 12 && hours < 17) { greeting = "下午好"; } else if (hours >= 17 || hours < 0) { // 将17包含在内是为了处理跨零点的情况 greeting = "晚上好"; } document.getElementById("greeting").innerText = greeting; } // 每隔一小时更新一次问候语，你可以根据需要调整频率 setInterval(changeGreeting, 60 * 60 * 1000); </script> </body> </html> ``` 这个代码会在网页加载后立即设置一次问候语，并且每过一小时自动更新一次。根据浏览器的当前时间，`changeGreeting`函数会选择相应的问候语显示在id为"greeting"的`<div>`元素中。

阅读全文