用 JavaScript 函数,根据系统不同的时间,显示不同的问候。早上 6:00-12:00 时, 显示“早上好!”;下午 12:00-18:00 时,显示“下午好!”;其它时间显示“晚上好!
时间: 2023-08-18 15:03:47 浏览: 99
可以使用 JavaScript 的 Date 对象来获取当前时间,然后根据小时数来判断显示什么问候。实现如下:
```javascript
function getGreeting() {
const now = new Date();
const hour = now.getHours();
let greeting;
if (hour >= 6 && hour < 12) {
greeting = "早上好!";
} else if (hour >= 12 && hour < 18) {
greeting = "下午好!";
} else {
greeting = "晚上好!";
}
return greeting;
}
console.log(getGreeting()); // 根据当前时间输出不同的问候
```
在上面的代码中,我们首先使用 `new Date()` 创建一个当前时间的 Date 对象,然后调用 `getHours()` 方法获取当前小时数。根据小时数的范围,判断应该显示哪个问候,并将其赋值给 `greeting` 变量。最后将 `greeting` 返回。
相关问题
请编写代码,实现根据系统时间显示问候语的功能,通过改变div中内容,显示不同问候语。要求如下。 (1)页面每秒自动更新显示当前系统时间,格式如:2023-04-15 08:30:00;(提示,这里需要使用setInterval函数) (2)判断当前小时,根据不同小时显示不同的问候语,具体如下: 6时之前,显示问候语“凌晨好”。 9时之前,显示问候语“早上好”。 12时之前,显示问候语“上午好”。 14时之前,显示问候语“中午好”。 17时之前,显示问候语“下午好”。 19时之前,显示问候语“傍晚好”。 22时之前,显示问候语“晚上好”。 22时之后包括22时,显示问候语“夜里好”。
以下是实现以上要求的JavaScript代码:
```js
// 获取显示系统时间的div元素
const timeDisplay = document.getElementById('time-display');
// 定义显示不同时间段问候语的函数
function getGreeting(hour) {
if (hour < 6) {
return '凌晨好';
} else if (hour < 9) {
return '早上好';
} else if (hour < 12) {
return '上午好';
} else if (hour < 14) {
return '中午好';
} else if (hour < 17) {
return '下午好';
} else if (hour < 19) {
return '傍晚好';
} else if (hour < 22) {
return '晚上好';
} else {
return '夜里好';
}
}
// 定义更新系统时间的函数
function updateTime() {
// 获取当前时间对象
const now = new Date();
// 获取当前小时数
const hour = now.getHours();
// 获取当前分钟数
const minute = now.getMinutes();
// 获取当前秒数
const second = now.getSeconds();
// 根据当前时间生成问候语
const greeting = getGreeting(hour);
// 更新显示系统时间的div元素内容
timeDisplay.innerHTML = `${now.getFullYear()}-${now.getMonth()+1}-${now.getDate()} ${hour}:${minute}:${second} ${greeting}`;
}
// 每秒钟更新一次系统时间
setInterval(updateTime, 1000);
```
请注意,在第一行代码中,需要将id为`time-display`的div元素的变量名修改为你自己页面中的变量名。另外,以上代码中的注释也为你提供了一些代码实现的详细解释。
javascript用div根据时间显示问候语
在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分钟检查一次时间