主页 > 教程合集 > Html/css >

JS根据不同时间点显示不同内容

时间:2018-02-07 阅读:0

因为公司网站的需要,要实现一个随着时间或者星期的变化来显示不同的内容,所以写了一段JS来控制文字内容随着时间变化而变化,之前也学过相关的知识,实现起来很简单,余斗今天就简单说两种方法:

第一种方法


<script language=”javascript” style=”text-align: left; “>
var week;
if(new Date().getDay()==0) week=”星期日”
if(new Date().getDay()==1) week=”星期一”
if(new Date().getDay()==2) week=”星期二”
if(new Date().getDay()==3) week=”星期三”
if(new Date().getDay()==4) week=”星期四”
if(new Date().getDay()==5) week=”星期五”
if(new Date().getDay()==6) week=”星期六”
document.write(“现在是 “+(new Date().getMonth()+1)+”月”+new Date().getDate()+”日 “+week);
document.write(” “)
day = new Date()
hr = day.getHours()
minu=day.getMinutes()
s=””;
s=s+hr+”点”+minu+”分! “;
if (hr ==1)
document.write(s+”一点多啦!别忘了休息哦!”)
if (hr ==2)
document.write(s+”你真是工作狂啊,该休息了!”)
if (hr ==3)
document.write(s+”午夜三点!你还不准备睡觉吗?”)
if (hr ==4)
document.write(s+”凌晨四点多了,很敬重您这种忘我的工作精神!”)
if (hr ==5)
document.write(s+”您是刚起床还是还没睡啊?”)
if (hr ==6)
document.write(s+”早上好!新一天又开始啦!有什么打算呢?”)
if (hr ==7)
document.write(s+”吃过早饭了吗?不要空腹哦!”)
if ((hr ==8) || (hr == 9) || (hr ==10))
document.write(s+”早上好!忙碌的一天开始了!”)
if (hr ==11)
document.write(s+”快中午啦,准备吃饭了呀!”)
if (hr ==12)
document.write(s+”中午好!你吃饭了吗?”)
if ((hr==13) || (hr==14))
document.write(s+”下午好,准备准备要上班了!”)
if ((hr==15) || (hr==16) || (hr==17))
document.write(s+”下午好!今天都做了些什么啊?”)
if ((hr==18) || (hr==19))
document.write(s+”新闻联播你看了吗?吃晚饭了没?”)
if ((hr==20) || (hr==21) || (hr==22))
document.write(s+”<font style=’font-size:30px; color:#FF0000;font-weight:bold;color: #636363; ‘ >别工作了,找个电影看看睡觉吧?</font>”)
if (hr==23)
document.write(s+”不早了,快休息吧?”)
if (hr==0)
document.write(s+”午夜时分,你可要注意身体呢!”)
document.write(“”)
</script>
 

第二种方法


<script language=”LiveScript”>
<!–
now = new Date(),hour = now.getHours()
if(hour < 6){document.write(“明天不用上班了吗?”)}
else if (hour < 8){document.write(“全新的一天!深呼吸来个大大的微笑好吗”)}
else if (hour < 12){document.write(“早安!今天你那天气怎么样,还不错吧”)}
else if (hour < 14){document.write(“外面太阳大吗?多喝点水,对身体好的”)}
else if (hour < 18){document.write(“午安!你不睡午觉吗,真是个铁人呀”)}
else if (hour < 22){document.write(“晚上好!劳累了一天了,来这里好好休息一下吧”)}
else if (hour < 24){document.write(“夜深了! 要注意身体呀! 祝你做个好梦!”)}
// –>
</script>
 

如果这篇博文对你有帮助,希望您可以打赏给博主余斗,以支持余斗继续坚持下去!

余斗个人博客打赏二维码

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2018-02-07最后更新,转载注明出处。

相关推荐

返回顶部