Javascript 加载大背景图像在等待加载时消除空白

下面是我目前正在试验的javascript。我在自学JS。就目前情况而言，这段代码以空格开始，而不是第一张图像。我想问某人，bgcur=0是否会在开始时给我一个背景图像，而不是在加载第一个图像之前给我一个空白，这就是当前发生的情况

如果没有，谁能告诉我如何为这些图像构建预加载程序

<script type="text/javascript">
var bgArr = [
 'images/bg1.jpg',
'images/bg2.jpg',
'images/bg3.jpg',
'images/bg4.jpg',
'images/bg5.jpg',
'images/bg6.jpg',
'images/bg7.jpg',
'images/bg8.jpg',
'images/bg9.jpg',
'images/bg10.jpg'];

document.body.style.backgroundImage = 'url(' + bgArr[10] + ')';
bgCur = 0;
backgroundSwitch = function () {
if (bgCur == bgArr.length) bgCur = 0;
document.body.style.backgroundImage = 'url(' + bgArr[bgCur++] + ')';
}
window.setInterval(backgroundSwitch, 6000); // Switch every 6 seconds.
</script>

var bgArr=[
'images/bg1.jpg'，
'images/bg2.jpg'，
'images/bg3.jpg'，
'images/bg4.jpg'，
“images/bg5.jpg”，
“images/bg6.jpg”，
'images/bg7.jpg'，
“images/bg8.jpg”，
'images/bg9.jpg'，
'images/bg10.jpg']；
document.body.style.backgroundImage='url（'+bgArr[10]+'）；
bgCur=0；
背景开关=功能（）{
如果（bgCur==bgArr.length）bgCur=0；
document.body.style.backgroundImage='url（'+bgArr[bgCur++]+'）；
}
设置间隔（背景开关，6000）；//每6秒切换一次。

当背景图像不存在时，将其放入数组的索引10没有意义。 从

document.body.style.backgroundImage = 'url(' + bgArr[9] + ')'; //any value between 0-[arraylength-1]

---

数组的长度为10，索引必须在0到0之间9@MauricePerry你能详细说明一下吗，我不明白。你正在尝试访问bgArr[10]，它不存在JavaScript数组从0开始，而不是从1开始。所以你的最后一张照片是9张，不是10张。