学习笔记 · 2015年6月8日

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

浏览:81

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

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

<div>
    <span id="MessaGe">加载寄语...</span>
    <script>
        var text="123";
        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.getElementById("MessaGe").innerHTML = text;
    </script>
</div>

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