Question

求一段js代码，根据时间自动改变图片

<script type="text/javascript">
window.onload = function() {
var now = new Date()();
var curr_hour = now.getHours();
if(curr_hour >= 7 && curr_hour < 19) {
document.body.style.background = 'url(day.jpg)';
}
else {
document.body.style.background = 'url(night.jpg)';
}
};
</script>

我是想要把banner图片做成这种效果 应该怎么调用？？

Answer 1

<script type="text/javascript">
window.onload = function() {
function ChangePic(){
var now = new Date()();
var curr_hour = now.getHours();
if(curr_hour >= 7 && curr_hour < 19) {
document.body.style.background = 'url(day.jpg)';
}
else {
document.body.style.background = 'url(night.jpg)';
}

};

ChangePic();

};
</script>
你只写了函数的内容，而没有调用，在页面加载后调用一下即可， 当然你要单独给函数命名才方便调用，或者你用匿名函数也行，没这方便

追问

这是我修改的， 但是我修改时间的时候，图片没有发生变化，是哪里写错了

追答

贴代码，不要图片，我没法复制，也没时间每个都敲一遍

追问

代码太长 贴不进去 这里有全部的代码
http://zhidao.baidu.com/question/175832847283718204.html?quesup2&oldq=1

Answer 2

写一个循环管执行的方法，监控时间。如setInterval("showImg()",150);这个是每0.15秒执行一次showImg函数，你可以在showImg中写判定

Answer 3

把js代码挪到</body>前面那儿就可以了，可以结贴了。。