使用JavaScript语言编制具有以下功能的网页 实现能自动根据时间显示网页上不同问候语，要求
使用JavaScript语言编制具有以下功能的网页实现能自动根据时间显示网页上不同问候语，要求：5点以后～8点以前显示早上好！；12点以前显示上午好！；18点以前显示下午...
使用JavaScript语言编制具有以下功能的网页
实现能自动根据时间显示网页上不同问候语，要求：
5点以后～8点以前显示早上好！；
12点以前显示上午好！；
18点以前显示下午好！；
21点以前显示晚上好！；
23点以前显示祝你晚安！；
23点～5点以前显示网虫：该休息了，明天还有课呢！
求大神！！！ 展开
实现能自动根据时间显示网页上不同问候语，要求：
5点以后～8点以前显示早上好！；
12点以前显示上午好！；
18点以前显示下午好！；
21点以前显示晚上好！；
23点以前显示祝你晚安！；
23点～5点以前显示网虫：该休息了，明天还有课呢！
求大神！！！ 展开
2个回答
展开全部
var time=new Date();
var h=time.getHours();
if(h>=0&&h<=5){
document.write('该休息了，明天还有课呢！');
}else if(h>5&&h<=8){
document.write('早上好！');
}else if(h>8&&h<=12){
document.write('上午好！');
}else if(h>12&&h<=18){
document.write('下午好！');
}else if(h>18&&h<=21){
document.write('晚上好！');
}else if(h>23&&h<=24){
document.write('祝你晚安！');
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>js获取时间返回问候语</title>
<style>
#wh{display:none;position: absolute; line-height: 200px; width: 400px; top: 50%; left: 50%; margin: -100px 0 0 -200px; text-align: center; border-radius: 10px; box-shadow: -1px 3px 5px 5px rgba(0,0,0,.2);}
</style>
</head>
<body>
<div>
<span id="tie"></span>
</div>
<div id="wh"></div>
<input type="button" onclick="sj()" value="你好！" />
<script>
function tie(){
var d = new Date();
var my_hours=d.getHours();
var my_minutes=d.getMinutes();
var my_seconds=d.getSeconds();
document.getElementById("tie").innerHTML = "当前时间是："+my_hours+":"+my_minutes+":"+my_seconds;
}
setInterval(tie, 500);
function sj(){
var time = new Date().getHours();
if (time > 0 && time <= 6) {
document.getElementById("wh").innerHTML = "现在是凌晨，你该继续睡觉！";
document.getElementById("wh").style.display = "block";
} else if(time > 6 && time <= 12) {
document.getElementById("wh").innerHTML = "早上好！记得吃早餐！";
document.getElementById("wh").style.display = "block";
} else if(time > 12 && time <= 13){
document.getElementById("wh").innerHTML = "中午好，吃午餐了吗？'<br />'睡个午觉怎么样？";
document.getElementById("wh").style.display = "block";
} else if(time > 13 && time <= 18){
document.getElementById("wh").innerHTML = "下午好！今天过得愉快吗？";
document.getElementById("wh").style.display = "block";
} else if(time >18 && time <= 0){
document.getElementById("wh").innerHTML = "晚上好！请准时休息哦！";
document.getElementById("wh").style.display = "block";
} else{
alert("错误！！！");
}
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>js获取时间返回问候语</title>
<style>
#wh{display:none;position: absolute; line-height: 200px; width: 400px; top: 50%; left: 50%; margin: -100px 0 0 -200px; text-align: center; border-radius: 10px; box-shadow: -1px 3px 5px 5px rgba(0,0,0,.2);}
</style>
</head>
<body>
<div>
<span id="tie"></span>
</div>
<div id="wh"></div>
<input type="button" onclick="sj()" value="你好！" />
<script>
function tie(){
var d = new Date();
var my_hours=d.getHours();
var my_minutes=d.getMinutes();
var my_seconds=d.getSeconds();
document.getElementById("tie").innerHTML = "当前时间是："+my_hours+":"+my_minutes+":"+my_seconds;
}
setInterval(tie, 500);
function sj(){
var time = new Date().getHours();
if (time > 0 && time <= 6) {
document.getElementById("wh").innerHTML = "现在是凌晨，你该继续睡觉！";
document.getElementById("wh").style.display = "block";
} else if(time > 6 && time <= 12) {
document.getElementById("wh").innerHTML = "早上好！记得吃早餐！";
document.getElementById("wh").style.display = "block";
} else if(time > 12 && time <= 13){
document.getElementById("wh").innerHTML = "中午好，吃午餐了吗？'<br />'睡个午觉怎么样？";
document.getElementById("wh").style.display = "block";
} else if(time > 13 && time <= 18){
document.getElementById("wh").innerHTML = "下午好！今天过得愉快吗？";
document.getElementById("wh").style.display = "block";
} else if(time >18 && time <= 0){
document.getElementById("wh").innerHTML = "晚上好！请准时休息哦！";
document.getElementById("wh").style.display = "block";
} else{
alert("错误！！！");
}
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
