编制一个实现能自动根据时间显示网页上不同问候语的程序hi.html,要求: 5点以后~8点以前显示早上好!; 12点以前显示上午好!; 18点以前显示下午好!; 21点以前显示晚上好!; 23点以前显示祝你晚安! 23点~5点以前显示网虫:该休息了,明天还有课呢!。
时间: 2023-05-24 08:06:22 浏览: 101
<!DOCTYPE html>
<html>
<head>
<title>问候语</title>
<meta charset="UTF-8">
</head>
<body>
<script type="text/javascript">
var d = new Date();
var hour = d.getHours();
var greeting;
if (hour >= 5 && hour < 8) {
greeting = "早上好!";
} else if (hour >= 8 && hour < 12) {
greeting = "上午好!";
} else if (hour >= 12 && hour < 18) {
greeting = "下午好!";
} else if (hour >= 18 && hour < 21) {
greeting = "晚上好!";
} else if (hour >= 21 && hour < 23) {
greeting = "祝你晚安!";
} else {
greeting = "网虫:该休息了,明天还有课呢!";
}
document.write("<h1>" + greeting + "</h1>");
</script>
</body>
</html>
相关问题
Python根据系统当前时间,显示不同的问候语。具体要求如下:
在Python中,我们可以利用`datetime`模块获取当前的日期和时间,并根据一天的不同时间段来设置不同的问候语。以下是一个基本的例子:
```python
from datetime import datetime
# 定义不同的问候语以及对应的时间段
morning_greeting = "早上好!"
afternoon_greeting = "下午好!"
evening_greeting = "晚上好!"
night_greeting = "晚安!"
# 获取当前时间
now = datetime.now()
# 将时间转换为小时,以便判断时间段
current_hour = now.hour
# 判断时间段并输出相应问候语
if current_hour >= 6 and current_hour < 12: # 早晨
print(morning_greeting)
elif current_hour >= 12 and current_hour < 18: # 下午
print(afternoon_greeting)
elif current_hour >= 18 and current_hour < 21: # 晚上
print(evening_greeting)
else: # 夜间
print(night_greeting)
```
HTML文件给网站首页加上自动问候的功能。网页将可以在不同的时段向访问者显示不同的问候语,例如在上午8:00—9:00就向用户显示“早上好”
要在HTML文件中添加一个自动问候功能,你可以利用JavaScript或者jQuery结合时间条件来实现。这里提供一个简单的示例:
首先,在HTML中创建一个包含问候语的元素,并设置为隐藏状态:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>首页问候</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
.greeting {
display: none;
}
</style>
</head>
<body>
<div id="greeting" class="greeting">早上好</div>
<!-- ...其他内容... -->
<script>
// JavaScript 代码
$(document).ready(function() {
function showMessage() {
var now = new Date();
var hour = now.getHours();
if (hour >= 8 && hour < 9) {
$('#greeting').show(); // 上午8:00到9:00显示问候语
} else {
$('#greeting').hide(); // 其他时段隐藏
}
}
// 每分钟更新一次问候语显示
setInterval(showMessage, 60 * 1000);
});
</script>
</body>
</html>
```
这个例子中,当页面加载完成后,`$(document).ready`会立即运行`showMessage`函数。该函数获取当前的时间,如果时间在8:00至9:00之间,它会显示问候语,否则则隐藏。
每分钟通过`setInterval`调用一次`showMessage`,确保问候信息随时间变化而改变。