用 JavaScript 函数,根据系统不同的时间,显示不同的问候。早上 6:00-12:00 时, 显示“早上好!”;下午 12:00-18:00 时,显示“下午好!”;其它时间显示“晚上好!的html代码
时间: 2023-11-27 16:51:49 浏览: 60
javascript实现根据时间段显示问候语的方法
5星 · 资源好评率100%
可以使用以下 JavaScript 代码实现:
```javascript
function showGreeting() {
var now = new Date();
var hour = now.getHours();
var greeting;
if (hour >= 6 && hour < 12) {
greeting = "早上好!";
} else if (hour >= 12 && hour < 18) {
greeting = "下午好!";
} else {
greeting = "晚上好!";
}
document.getElementById("greeting").innerHTML = greeting;
}
showGreeting();
```
这段代码会根据当前系统时间判断应该显示什么问候,并将其显示在网页上。其中,`document.getElementById("greeting")` 表示获取 ID 为 "greeting" 的 HTML 元素,`.innerHTML` 表示将元素的内部 HTML 内容修改为 `greeting` 变量的值。因此,需要在 HTML 中添加一个对应的元素:
```html
<div id="greeting"></div>
```
这样,运行代码后就会在网页中显示出相应的问候语。
阅读全文