Question

我是JS的新手。这是代码。我在哪里创建了一个图像数组并称为函数反弹上下移动图像。但是我被困在这里，我不知道错误在哪里。请任何人帮助我。我的代码中有什么不对。

<html>
<head><title>Bouncing the ball</title>
</head>
<script language="javascript">
var imageArray=new Array();

imageArray[0]=new Image();
imageArray[0].src="image/ball.jpg";

imageArray[1]=new Image();
imageArray[1].src="image/ball1.jpg";

imageArray[2]=new Image();
imageArray[2].src="image/ball2.jpg";

imageArray[3]=new Image();
imageArray[3].src="image/ball3.jpg";

imageArray[4]=new Image();
imageArray[4].src="image/ball4.jpg";

imageArray[5]=new Image();
imageArray[5].src="image/ball5.jpg";


function bounce(){

    setTimeout("document.images['ball'].src=imageArray[0].src",100);

    setTimeout("document.images['ball'].src=imageArray[1].src",200);

    setTimeout("document.images['ball'].src=imageArray[2].src",300);

    setTimeout("document.images['ball'].src=imageArray[3].src",400);

    setTimeout("document.images['ball'].src=imageArray[4].src",500);

    setTimeout("document.images['ball'].src=imageArray[5].src",600);

    setTimeout("document.images['ball'].src=imageArray[4].src",700);

    setTimeout("document.images['ball'].src=imageArray[3].src",800);

    setTimeout("document.images['ball'].src=imageArray[2].src",900);

    setTimeout("document.images['ball'].src=imageArray[1].src",1000);

    setTimeout("document.images['ball'].src=imageArray[0].src",1100);

}



</script>
<body bgcolor="white">
<p><center><img src="image/ball.jpg" name="ball" width="75" height="300"><center></p>
<CENTER>
            <P><input type="button" ONCLICK="bounce()" VALUE="Bounce the ball."></P>
</CENTER>

</body>
</html>

图像数组在javascript中使用setTimeout（）方法

0 个答案: