多个背景图像更改为

Question

天

我试图做一个网页的背景图像经过图像的幻灯片，我已经与管理时间：

<script language="JavaScript1.2"> 

//Specify background images to slide 
var bgslides=new Array() 
bgslides[0]="webcam1.jpg" 
bgslides[1]="webcam2.jpg" 
bgslides[1]="webcam3.jpg" 

//Specify interval between slide (in miliseconds) 
var speed=5000 

//preload images 
var processed=new Array() 
for (i=0;i<bgslides.length;i++){ 
processed[i]=new Image() 
processed[i].src=bgslides[i] 
} 

var inc=-1 

function slideback(){ 
if (inc<bgslides.length-1) 
inc++ 
else 
inc=0 
document.body.background=processed[inc].src 
} 

if (document.all||document.getElementById) 
window.onload=new Function('setInterval("slideback()",speed)') 

</script> 

，工作正常，但那么我也希望根据用户的时区在夜间将这组图像设置为不同的设置。我发现了这个代码，但我不知道如何整合这两个persay或者甚至可能。

<script type="text/javascript"> 
var currentTime = new Date().getHours(); 
if (7 <= currentTime && currentTime < 20) { 
    if (document.body) { 
     document.body.background = "webcam1.jpg"; 
    } 
} 
else { 
    if (document.body) { 
     document.body.background = "webcam2.jpg"; 
    } 
} 

</script> 

将不胜感激任何帮助，欢呼！

Answer 1

假设你有一组不同的图像，你可以做到这一点改变你根据一天的时间图像列表：

//Specify background images to slide 
var bgslides=new Array() 

var currentTime = new Date().getHours(); 
if (7 <= currentTime && currentTime < 20) { 
    bgslides[0]="webcam1.jpg" 
    bgslides[1]="webcam2.jpg" 
    bgslides[2]="webcam3.jpg" 
} 
else 
{ 
    bgslides[0]="webcam5.jpg" 
    bgslides[1]="webcam6.jpg" 
    bgslides[2]="webcam7.jpg" 
} 

//Specify interval between slide (in miliseconds) 
var speed=5000 

//preload images 
var processed=new Array() 
for (i=0;i<bgslides.length;i++){ 
processed[i]=new Image() 
processed[i].src=bgslides[i] 
} 

var inc=-1 

function slideback(){ 
if (inc<bgslides.length-1) 
inc++ 
else 
inc=0 
document.body.background=processed[inc].src 
} 

if (document.all||document.getElementById) 
window.onload=new Function('setInterval("slideback()",speed)')