js请编写代码,实现根据系统时间显示问候语功能,通过改变div中的内容,显示不同的问候语,10时之前,显示早上好,14时之前,显示中午好,17时之前显示下午好,22时之前,显示晚上好
时间: 2024-05-09 13:17:16 浏览: 72
好的,以下是您所需的 JavaScript 代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>问候语</title>
</head>
<body>
<div id="greeting"></div>
<script>
var now = new Date();
var hour = now.getHours();
var greeting = "";
if (hour < 10) {
greeting = "早上好";
} else if (hour < 14) {
greeting = "中午好";
} else if (hour < 17) {
greeting = "下午好";
} else if (hour < 22) {
greeting = "晚上好";
} else {
greeting = "夜深了,请早点休息";
}
document.getElementById("greeting").innerHTML = greeting;
</script>
</body>
</html>
```
根据当前系统时间,代码会在 `div` 中显示相应的问候语。如果当前时间晚于 22:00,则会显示“夜深了,请早点休息”。
阅读全文