用Java script写一个网页,满足以下要求:1:不同时间进入网页,显示不同内容,6.00到18.00显示“现在是白天”,其余时间显示“现在是午夜”,2:网页有可以输入用户的邮箱并检测邮箱格式是否正确,3:用户进入时显示“欢迎光临本网站”,离开时提示“欢迎下次再来”
时间: 2023-11-24 14:06:31 浏览: 23
下面是一个简单的实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>时间、邮箱和欢迎信息</title>
<meta charset="UTF-8">
</head>
<body>
<div id="time"></div>
<br>
<input type="text" id="email" placeholder="请输入您的邮箱">
<button onclick="checkEmail()">检查邮箱</button>
<br><br>
<div id="welcome"></div>
<script>
// 获取当前时间
var date = new Date();
var hour = date.getHours();
// 根据时间显示不同内容
if (hour >= 6 && hour < 18) {
document.getElementById("time").innerHTML = "现在是白天";
} else {
document.getElementById("time").innerHTML = "现在是午夜";
}
// 欢迎信息
document.getElementById("welcome").innerHTML = "欢迎光临本网站";
// 离开提示
window.onbeforeunload = function() {
return "欢迎下次再来";
}
// 邮箱格式检查
function checkEmail() {
var email = document.getElementById("email").value;
var reg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
if (reg.test(email)) {
alert("邮箱格式正确");
} else {
alert("邮箱格式错误");
}
}
</script>
</body>
</html>
```
其中:
- 通过 `new Date()` 获取当前时间,再使用 `getHours()` 获取小时数。
- 使用 `if` 判断当前时间是否在 6:00 到 18:00 之间,根据判断结果展示不同内容。
- 在页面加载时显示欢迎信息,使用 `window.onbeforeunload` 设置离开提示。
- 使用正则表达式检查邮箱格式,使用 `alert` 提示检查结果。