求一段JS代码
求一段根据不同的时间换网页换不同的背景图。如现在下午三点用一张图,到了四点又换一张,一直下去,二十四小时不断循环 --------------------编程问答-------------------- setInterval(function(){....},60*60*1000); --------------------编程问答-------------------- 什么? --------------------编程问答-------------------- 声明个24个元素的数组,内容放24个不同图片的路径,将当前时间的小时部分整数作为数组下标,网页载入时触发。 --------------------编程问答-------------------- 不会写 --------------------编程问答-------------------- 你是要不同时间进入网站看到不同背景对吧,还需如果一直打开这网站,里面也会自动改变背景吗? --------------------编程问答----------------------------------------编程问答-------------------- 更正一下:
var bgimgs=[
"/img/bg1.jpg",
"/img/bg2.jpg",
.
.
.//X24
];
function changeBg(){
document.body.backgroundImage="url("+bgimgs[new Date().getHours()]+")";
}
//在body标签加上 onload="changeBg"
//在body标签加上 onload="changeBg()" <<==这里有括号 --------------------编程问答--------------------
--------------------编程问答-------------------- 这是要更换背景的元素,你可以具体根据需要更改
var bgimgs=[
"/img/bg1.jpg",
"/img/bg2.jpg",
.
.
.//X24
];
function changeBg(){
document.body.style.backgroundImage="url("+bgimgs[new Date().getHours()]+")";
}
//在body标签加上 onload="changeBg()"
<div id="photo1" ></div>
JS代码,switch里面补全就可以了
function changePhoto() {--------------------编程问答--------------------
var now = new Date();
var hour = now.getHours();
switch (hour) {
case 0:
$("#photo1").css("background-image", "url(图片地址)");
case 1:
$("#photo1").css("background-image", "url(图片地址)");
default:
$("#photo1").css("background-image", "url(图片地址)");
}
}
$(document).ready(function() {
changePhoto();//载入时执行一次
self.setInterval("changePhoto()", 9000);//第二个参数是毫秒数,意思是多久重复执行一次
});
+1
楼主你先得到系统时间,然后根据时间改变图片,这个不能用定时器根据1000*60*60换的,因为你每次刷新就又重新计时了 --------------------编程问答-------------------- 这个是假设现在中午一点就换一张图片,到了二点就换一张?不会每次刷新都重新计时的吧 --------------------编程问答-------------------- 这里取得是客户端的当前时间,不论怎么刷新,当前时间是不会重新计时的,不过这只在每次打开网页时有效 --------------------编程问答--------------------
正解
补充:Java , Web 开发