JS代码根据输入的当前时间,显示不同的文字!

  • 时间:2018-02-28
  • 点击:
  • 作者:鸟哥
  • 来源:北大青鸟培训网
下面是北大青鸟JS前端课程中,利用JS代码实现:根据输入的当前时间,显示不同的文字效果代码:
 
var hour = prompt("请输入当前的小时数:", "");
if (hour > 6 && hour < 13) {
document.write("<h2>上午好!欢迎来到贵美</h2>");
for (var i = 0; i < hour; i++) {
document.write("<img src='images/smile.gif'>");
}
} else if (hour > 12 && hour < 21) {
document.write("<h2>下午好!欢迎来到贵美</h2>");
for (var j = 0; j < hour; j++) {
document.write("<img src='images/aftermoon.gif'>");
}
} else {
document.write("<h2>夜深了,该休息了!</h2>");
for (var k = 0; k < hour; k++) {
document.write("<img src='images/moon.gif'>");
}
}

北大青鸟课程案例完整源码包下载:JS代码根据输入的当前时间,显示不同的文字!