用 JavaScript 函数,根据系统不同的时间,显示不同的问候。早上 6:00-12:00 时, 显示“早上好!”;下午 12:00-18:00 时,显示“下午好!”;其它时间显示“晚上好!”。
时间: 2024-02-03 08:12:47 浏览: 15
可以使用`Date`对象来获取当前时间,然后根据不同时间段显示不同的问候语。下面是一个示例代码:
```javascript
function getGreeting() {
const hour = new Date().getHours();
if (hour >= 6 && hour < 12) {
return '早上好!';
} else if (hour >= 12 && hour < 18) {
return '下午好!';
} else {
return '晚上好!';
}
}
console.log(getGreeting()); // 根据当前时间输出不同的问候
```
这个函数会根据当前时间返回不同的问候语,并且可以通过调用`console.log`来输出问候语。
相关问题
用 JavaScript 函数,根据系统不同的时间,显示不同的问候。早上 6:00-12:00 时, 显示“早上好!”;下午 12:00-18:00 时,显示“下午好!”;其它时间显示“晚上好!
可以使用 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元素的变量名修改为你自己页面中的变量名。另外,以上代码中的注释也为你提供了一些代码实现的详细解释。