利用 js 根据时间输出页面信息

对于建站,很多时候我们都希望能在不同的时间给予读者不一样的提醒,比如深夜时提醒读者注意休息,在早上有读者访问时,能主动提示天气并问好,亦或者在不同的时间段访问,能自动跳转到特定页面。如此,在增加网站趣味的同时,也显得网站更加人性化。

这么高大上的功能,是否需要很强的技术功底呢?答案是否定的,只需要几行简单的 js 代码便能实现:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script language="JavaScript"> 
var text=""; day = new Date( ); time = day.getHours( );
if (( time>=0) && (time < 6 ))
text="向苦逼的熬夜党敬礼";
if (( time >= 6 ) && (time < 12))
text="一天之计在于晨";
if (( time >= 12) && (time < 16))
text="中午不睡,下午崩溃";
if (( time >=16) && (time < 18))
text="再忍忍,就快下班了";
if ((time >= 18) && (time < = 22))
text="糜烂的夜生活开始了";
if ((time >= 22) && (time < 24))
text="此时不睡,明天迟到";
document.write(text);
</script>

当然,这只是个例子,至于如何提醒或操作,都是可以自定义的。效果的话,就看网页底部咯。