Javascript背景幻灯片（默认图片）

Question

这是简单的javascript幻灯片。

<script language="JavaScript">

var bgimages=new Array()
bgimages[0]="im1.jpg"
bgimages[1]="im2.jpg"
bgimages[2]="im3.jpg"

//preload images
var pathToImg=new Array()
for (i=0;i<bgimages.length;i++){
pathToImg[i]=new Image()
pathToImg[i].src=bgimages[i]
}
var inc=-1

function bgSlide(){
if (inc<bgimages.length-1)
inc++
else
inc=0
document.body.background=pathToImg[inc].src
}

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

</script>

问题是幻灯片显示在8秒后开始。因此，当页面加载时，它是白页8秒。当我通过CSS设置身体的默认图像幻灯片时不起作用。我怎么解决它？

Answer 1

你尝试过这样的事吗？

window.onload=new Function('bgSlide(); setInterval("bgSlide()",8000)')

调用触发幻灯片的功能，然后设置间隔。你现在可以得到结果，然后每8秒就得到一次结果。

Answer 2

您可以先调用bgSlide（）然后再调用

Answer 3

setTimeout适用于这种情况。

function bgSlide() {
    // your code
    setTimeout(bgSlide, 8000);
}
window.onload = bgSlide();