1.请编写代码,实现根据系统时间显示问候语的功能,通过改变div中内容,显示不同问候语。要求如下。 6时之前,显示问候语“凌晨好”。 9时之前,显示问候语“早上好”。 12时之前,显示问候语“上午好”。 14时之前,显示问候语“中午好”。 17时之前,显示问候语“下午好”。 19时之前,显示问候语“傍晚好”。 22时之前,显示问候语“晚上好”。 22时之后包括22时,显示问候语“夜里好”。
解析:需要编写一个JavaScript代码,根据当前系统时间显示不同的问候语。
代码如下:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>根据时间显示问候语</title>
</head>
<body>
<div id="greeting"></div>
<script>
function showGreeting() {
var now = new Date();
var hour = now.getHours();
var greeting;
if (hour < 6) {
greeting = "凌晨好";
} else if (hour < 9) {
greeting = "早上好";
} else if (hour < 12) {
greeting = "上午好";
} else if (hour < 14) {
greeting = "中午好";
} else if (hour < 17) {
greeting = "下午好";
} else if (hour < 19) {
greeting = "傍晚好";
} else if (hour < 22) {
greeting = "晚上好";
} else {
greeting = "夜里好";
}
document.getElementById("greeting").innerHTML = greeting;
}
showGreeting();
</script>
</body>
</html>
```
将以上代码保存为一个HTML文件,用浏览器打开即可看到根据当前系统时间显示的问候语。
Ai知问 一问即答 人工智能知识问答
免责声明:
本内容由Ai知问880660.com提供,请根据需求酌情使用,点击这里>>使用Ai知问升级版,更聪明、更完整、更原创!
以上内容除特别注明外均来源于网友提问及Ai知问,权益归原著者所有,未经许可,严谨转载。