欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 程序代码 > JS如何实现不同时间不同地点显示不同内容
这篇文章主要为大家详细介绍了JS如何实现不同时间不同地点显示不同内容,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

有的网站会需要实现这样的一种小功能:在不同的时间显示不同的内容,最为简单的就是早上的时候,打开网站会提示“早上好”等欢迎语,中午的时候提示“中午好”,晚上显示“晚上好”,那么如何实现不同时间显示不同内容这样的一种效果呢?361源码总结归纳了2种方法,分享给大家:

第一种方法:

<script language=”javascript”>
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>

以上是JS实现的不同时间显示不同内容的实现办法,肯定会有不少朋友要问,那么是不是可以实现不同的地点显示不同的内容呢?

例如:同的网站地址,在北京打开和在南京打开分别显示不一样的效果或者不一样的内容呢?361源码给出的回答是肯定的,当然可以实现,下面

361源码就给大家做个简单的介绍

首先是需要调用一个IP地址库,很简单是因为我们需要根据不同的地址判断显示不同的内容,代码如下:

<script language="javascript" type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<script language="javascript" type="text/javascript">
if(remote_ip_info.city !=='北京'){//province省份
  window.location.href="http://www.ke361.com";
 }else{
  window.location.href="http://www.ke361.com";
 }
</script>

完成,这就是JS实现不同时间不同地点显示不同内容的基本方法,有需要的朋友建议收藏哦。

以上就是JS如何实现不同时间不同地点显示不同内容的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: JS

上一篇百度地图坐标填写图文教程

下一篇ueditor编辑器双引号 &ldquo;&rdquo;转义BUG的修复

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在