有的網站會需要實現這樣的一種小功能:在不同的時間顯示不同的內容,最為簡單的就是早上的時候,打開網站會提示“早上好”等歡迎語,中午的時候提示“中午好”,晚上顯示“晚上好”,那么如何實現不同時間顯示不同內容這樣的一種效果呢?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.49028c.com"; }else{ window.location.href="http://www.49028c.com"; }</script>
完成,這就是JS實現不同時間不同地點顯示不同內容的基本方法,有需要的朋友建議收藏哦。
以上就是JS如何實現不同時間不同地點顯示不同內容的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。新聞熱點
疑難解答