网站友好提示

jlqwer 发表于 WEB 分类,标签:

记得N久以前还用wordpress的时候,有一款插件,作用是在22:00到次日5:00的时候显示一个提示“夜深了注意休息哦!”,觉得这个小插件挺不错的,于是安装了,最近闲着没事的时候也谢了一个出来,是用Javascript来实现的,而且做了一些改进,利用秒数的奇偶来显示两个不同的提示语,如果想要更多的提示语,可以更改cht%n的值,并把?:语句改为函数调用另一个switch(这是我想到的,当然还有更好的方法)。

代码如下:

<div align="center">
<p id="wetime"></p>
</div>
<script>
function timeEcho(){
    var msg;
    var hours=new Date().getHours();
    var cht=new Date().getSeconds();
    switch (hours){
        case 23:
        case 0:
        case 1:
        case 2:
        case 3:
            msg=(cht%2==0)?"怎么这么晚了还不睡?!!":"夜深了,要注意休息哦!!";
        break;
        case 4:
        case 5:       
        case 6:
            msg=(cht%2==0)?"起好早呀!!":"早起的鸟儿有虫吃!!";
        break;
        case 7:
        case 8:
        case 9:
        case 10:
        case 11:
            msg=(cht%2==0)?"上午好啊!!":"怎么有时间呢?";
        break;
        case 12:
            msg=(cht%2==0)?"中午吃什么好呢?":"怎么没去吃午饭??";
        break;
        case 13:
        case 14:
        case 15:
        case 16:
        case 17:
        case 18:
	        msg=(cht%2==0)?"下午好啊!!":"怎么有时间呢?";
        break;
        case 19:
        case 20:
        case 21:
        case 22:
		    msg=(cht%2==0)?"晚上好啊!!":"谢谢你这么晚了还来看我!";
        break;
    }
    document.getElementById("wetime").innerHTML=msg;
}
timeEcho();
</script>