利用日期对象,对不同的进站时间,显示不同的 提示信息。比如,上午六点到下午六点,显示“将有 限的时间用在作最有意义的事” ;其他时间显示“现 在是休息时间” 。用HTML实现
时间: 2024-02-16 08:00:13 浏览: 30
好的,我可以为您提供一个简单的HTML页面,其中包含JavaScript代码,可以根据当前时间显示不同的提示信息。请按照以下步骤操作:
1. 创建一个HTML文件,例如 "index.html"。
2. 在文件中添加以下代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>时间提示信息</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1 id="message"></h1>
<script>
var now = new Date();
var hour = now.getHours();
if (hour >= 6 && hour <= 18) {
document.getElementById("message").innerHTML = "将有限的时间用在作最有意义的事";
} else {
document.getElementById("message").innerHTML = "现在是休息时间";
}
</script>
</body>
</html>
```
3. 保存文件并在浏览器中打开,就会根据当前时间显示相应的提示信息。
希望这个简单的示例对您有所帮助!
相关问题
利用日期对象对不同的进站时间显示不同的提示信息
可以利用 JavaScript 中的 Date 对象来实现。首先获取当前时间的小时数,然后根据不同的时间段显示不同的提示信息。
以下是一个示例代码:
```javascript
var now = new Date();
var hour = now.getHours();
if (hour < 6) {
console.log("凌晨好,欢迎来到本站!");
} else if (hour < 9) {
console.log("早上好,欢迎来到本站!");
} else if (hour < 12) {
console.log("上午好,欢迎来到本站!");
} else if (hour < 14) {
console.log("中午好,欢迎来到本站!");
} else if (hour < 17) {
console.log("下午好,欢迎来到本站!");
} else if (hour < 19) {
console.log("傍晚好,欢迎来到本站!");
} else if (hour < 22) {
console.log("晚上好,欢迎来到本站!");
} else {
console.log("夜深了,欢迎来到本站!");
}
```
在不同的时间段,会输出不同的提示信息。比如如果现在是下午 3 点,那么会输出 "下午好,欢迎来到本站!"。
用javascript写出:利用日期对象,对不同的进站时间,显示不同的提示信息。比如,上午6点到下午6点,显示“将有限的时间用在作最有意义的事”;其他时间显示“现在是休息时间”
可以使用以下代码实现:
```javascript
// 创建一个日期对象
var date = new Date();
// 获取当前小时数
var hour = date.getHours();
// 判断时间,显示不同提示信息
if (hour >= 6 && hour < 18) {
console.log("将有限的时间用在作最有意义的事");
} else {
console.log("现在是休息时间");
}
```
这段代码会根据当前时间的小时数,判断是否在上午6点到下午6点之间,如果是,则显示“将有限的时间用在作最有意义的事”,否则显示“现在是休息时间”。你可以将 `console.log()` 替换成任何你想要的提示信息输出方法。
相关推荐
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)