javascript用div根据时间显示问候语
时间: 2024-10-01 12:06:25 浏览: 12
在JavaScript中,你可以使用`setInterval`函数配合DOM操作来实现在特定时间点动态改变`<div>`元素的内容,展示问候语。下面是一个简单的例子:
```javascript
// 首先,假设我们有一个div元素
const greetingDiv = document.getElementById('greeting');
// 定义一个数组,存储不同的问候语
const greetings = ['早上好', '中午好', '晚上好'];
// 设置一个定时器,每隔一段时间(例如每小时)
let currentHour = new Date().getHours();
setInterval(() => {
// 根据当前的时间选择合适的问候语
let message;
if (currentHour >= 6 && currentHour < 12) {
message = greetings[0]; // 上午
} else if (currentHour >= 12 && currentHour < 18) {
message = greetings[1]; // 下午
} else {
message = greetings[2]; // 晚上
}
// 更新div内容
greetingDiv.textContent = message;
// 更新当前时间
currentHour = new Date().getHours();
}, 3600000); // 每隔1分钟检查一次时间