将以下代码加入到 <head> 标签中。
<script type="text/javascript">
function weclomeTime() {
var date = new Date(); // 获取当前时间
var str = ""; // 用于拼接
var hour = date.getHours(); // 得到小时
// 判断时间间隔
if(hour<12) {
str = 'Hi,早上好,又是崭新的一天,打工人,要加油哦';
}else if(hour >= 12 && hour < 13 ) { // 如果为12~13点,那么是中午
str = 'Hi,中午好,在忙,也不要忘记眯一小会儿,不然下午会神游哦'
}else if(hour >=13 && hour <18) { // 13点到18点为下午
str = "Hi,下午好,打起精神,该起来搬砖干活了";
}else if(hour >=18 && hour <22) { // 18-22点,晚上
str = "Hi,晚上好,忙完了一天,该放下手机,电脑,好好休息下了"
}else {
str = "Hi,夜猫子好,熬最晚的夜,敷最贵的膜,不要熬夜哦,没了1,后面再多的零,也没有意义哈!";
}
return str;
}
var pText = document.getElementById("text");
pText.innerHTML = weclomeTime();
</script>
以下代码加入到 <body> 标签中。
<p id="text"></p>
- - - The END - - -