在javascript中使用带有setTimeout（）方法的图像数组_Javascript_Html

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

javascript html

在javascript中使用带有setTimeout（）方法的图像数组,javascript,html,Javascript,Html,我是JS的新手。下面是代码，我创建了一个图像数组并调用了一个函数bounce 上下移动图像。但是我被困在这里，我不知道错误在哪里。请任何人帮助我。我的代码出了什么问题 <html> <head><title>Bouncing the ball</title> </head> <script language="javascript"> var imageArray=new Array(); imageArray[0]=n

我是JS的新手。下面是代码，我创建了一个图像数组并调用了一个函数bounce 上下移动图像。但是我被困在这里，我不知道错误在哪里。请任何人帮助我。我的代码出了什么问题

<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>


弹球
var imageArray=新数组（）；
imageArray[0]=新图像（）；
imageArray[0].src=“image/ball.jpg”；
imageArray[1]=新图像（）；
imageArray[1].src=“image/ball1.jpg”；
imageArray[2]=新图像（）；
imageArray[2].src=“image/ball2.jpg”；
imageArray[3]=新图像（）；
imageArray[3].src=“image/ball3.jpg”；
imageArray[4]=新图像（）；
imageArray[4].src=“image/ball4.jpg”；
imageArray[5]=新图像（）；
imageArray[5].src=“image/ball5.jpg”；
函数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）；
}

您遇到了什么错误？检查浏览器控制台输出是否正常！没有错误，但工作不正常。“图像没有反弹。@约翰·史密斯对不起，你能帮我一下吗？”。如何检查控制台输出。@Monika

F12

或右键单击并

检查元素

并切换到控制台选项卡。