用HTML写一个分时问候。打开页面,根据上午、下午和晚上不同时间段,显示不同的问候语,0~12 点为上午,12~18点为下午,18点以后为晚上
时间: 2024-02-23 10:02:45 浏览: 36
好的,以下是示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>分时问候</title>
</head>
<body>
<h1 id="greeting"></h1>
<script>
var now = new Date();
var hour = now.getHours();
var greeting;
if (hour >= 0 && hour < 12) {
greeting = "上午好!";
} else if (hour >= 12 && hour < 18) {
greeting = "下午好!";
} else {
greeting = "晚上好!";
}
document.getElementById("greeting").innerHTML = greeting;
</script>
</body>
</html>
```
代码中,我们使用 JavaScript 获取当前时间,然后根据时间的不同,设置不同的问候语并显示在网页上。
相关问题
请使用 JavaScript 语言编写一段动态显示当前日期、星期、时间并可根据时 间判断发出“上午好!”、“中午好!”、“下午好!”和“晚上好!”问候语的程序。
好的,以下是使用JavaScript语言编写的程序:
``` javascript
let date = new Date();
let hours = date.getHours();
let minutes = date.getMinutes();
let day = date.getDay();
let greeting;
if(hours >= 0 && hours < 6) {
greeting = "凌晨好!";
} else if(hours >= 6 && hours < 9) {
greeting = "早上好!";
} else if(hours >= 9 && hours < 12) {
greeting = "上午好!";
} else if(hours >= 12 && hours < 14) {
greeting = "中午好!";
} else if(hours >= 14 && hours < 18) {
greeting = "下午好!";
} else if(hours >= 18 && hours < 22) {
greeting = "晚上好!";
} else if(hours >= 22 && hours < 24) {
greeting = "深夜好!";
}
let daysOfWeek = ["日", "一", "二", "三", "四", "五", "六"];
let dayOfWeek = daysOfWeek[day];
let time = `${hours}:${minutes}`;
let output = `今天是星期${dayOfWeek},现在是${time},${greeting}`;
console.log(output);
```
运行程序后,控制台会输出当前日期、星期、时间以及相应的问候语。例如,如果现在是下午3点30分,控制台输出的内容就是:
```
今天是星期四,现在是15:30,下午好!
```
注意,此程序只是一个简单的示例,实际应用中可能需要加入更多的判断逻辑来处理不同的情况。
写一个jsp页面,在页面显示时间内容: 时间: 年-月-日 时:分:秒
好的,以下是代码示例:
```html
<html>
<head>
<title>显示当前时间</title>
</head>
<body>
<p>时间:<%= new java.util.Date() %></p>
</body>
</html>
```
该页面中使用了Java的Date类来获取当前时间,并将时间显示在页面中。请注意,在JSP页面中使用Java代码需要使用`<% %>`标签包裹。同时,也可以根据需要格式化时间显示。