当前位置:编程学习 > JAVA >>

求一段JS代码

求一段根据不同的时间换网页换不同的背景图。如现在下午三点用一张图,到了四点又换一张,一直下去,二十四小时不断循环 --------------------编程问答-------------------- setInterval(function(){....},60*60*1000); --------------------编程问答--------------------
引用 楼主 hq452378531 的回复:
求一段根据不同的时间换网页换不同的背景图。如现在下午三点用一张图,到了四点又换一张,一直下去,二十四小时不断循环
什么? --------------------编程问答-------------------- 声明个24个元素的数组,内容放24个不同图片的路径,将当前时间的小时部分整数作为数组下标,网页载入时触发。 --------------------编程问答--------------------
引用 3 楼 xodbc 的回复:
声明个24个元素的数组,内容放24个不同图片的路径,将当前时间的小时部分整数作为数组下标,网页载入时触发。
不会写 --------------------编程问答-------------------- 你是要不同时间进入网站看到不同背景对吧,还需如果一直打开这网站,里面也会自动改变背景吗? --------------------编程问答--------------------
引用 4 楼 hq452378531 的回复:
引用 3 楼 xodbc 的回复:声明个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);//第二个参数是毫秒数,意思是多久重复执行一次
});
--------------------编程问答--------------------
引用 9 楼 hao7597566 的回复:
这是要更换背景的元素,你可以具体根据需要更改
XML/HTML code?1<div id="photo1" ></div>
JS代码,switch里面补全就可以了
JavaScript code?12345678910111213141516function changePhoto() {        var now = new Date();        v……

+1
楼主你先得到系统时间,然后根据时间改变图片,这个不能用定时器根据1000*60*60换的,因为你每次刷新就又重新计时了 --------------------编程问答--------------------
引用 8 楼 xodbc 的回复:
JavaScript code?1234567891011var bgimgs=[ "/img/bg1.jpg", "/img/bg2.jpg", . . .//X24];function changeBg(){ document.body.style.backgroundImage="url("+bgimgs[new Date().getHours()]+")";}//……
这个是假设现在中午一点就换一张图片,到了二点就换一张?不会每次刷新都重新计时的吧 --------------------编程问答-------------------- 这里取得是客户端的当前时间,不论怎么刷新,当前时间是不会重新计时的,不过这只在每次打开网页时有效 --------------------编程问答--------------------
引用 1 楼 zzvnzz 的回复:
setInterval(function(){....},60*60*1000);



正解
补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,