当前位置：首页 → 问答吧 → 怎么根据时间显示相应DIV，就像豆果网的早上显示早餐，中午显示午餐，晚上显示晚餐。

怎么根据时间显示相应DIV，就像豆果网的早上显示早餐，中午显示午餐，晚上显示晚餐。

时间：2011-08-29

来源：互联网

不明白得可以看看douguo.com首页正中，早上会显示为早餐，中午则是午餐，我查看也源码，有点奇怪，它似乎是后台生成的，而不是用JS判断处理的。

作者: amhoho 发布时间: 2011-08-29

<span id='xx'></span>

if(早上){
$("#xx").html('早餐');
}

其他以此类推。。

作者: yashucn 发布时间: 2011-08-29

后台根据时间打印不同的词句可以的哟=-=
用前台js写的话就是获取时间后查到dom树节点将不同时间段不同的句子写进去

var now = new Date();
var hours = now.getHours();

$('#example').html("当前时间是"+hours+"点");

作者: woodenhouse 发布时间: 2011-08-29

我用php的if语句判断了时间然后输出相应内容，并且分别在早上5点中午10点下午3点自动生成一次静态首页。
也只能这样先了，虽然这办法很笨。
不过我明白楼上两位的js判断,类似不同时间段的问候语一样，只是这种方法需要先获取北京时间，这是个麻烦，不如生成首页来的便捷。

作者: amhoho 发布时间: 2011-08-29

引用 3 楼 amhoho 的回复:

我用php的if语句判断了时间然后输出相应内容，并且分别在早上5点中午10点下午3点自动生成一次静态首页。
也只能这样先了，虽然这办法很笨。
不过我明白楼上两位的js判断,类似不同时间段的问候语一样，只是这种方法需要先获取北京时间，这是个麻烦，不如生成首页来的便捷。

额我不太懂lz的意思,你要生成页面不也还是要取得时间再进行判断么.. 还有什么叫生成静态首页,首页有index_morning.html index_noon.html 和 index_night.html 3页么..

作者: woodenhouse 发布时间: 2011-08-29

HTML code

<div id="dv"></div>
<script>window.onload=function(){
var h=new Date().getHours();
if(h<12)document.getElementById('dv').innerHTML='早餐';
else if(h<18)document.getElementById('dv').innerHTML='中餐';
else document.getElementById('dv').innerHTML='晚餐';
}
</script>

作者: showbo 发布时间: 2011-08-29

怎么根据时间显示相应DIV，就像豆果网的早上显示早餐，中午显示午餐，晚上显示晚餐。

热门阅读

热门下载