javascript - 如何使用JavaScript实现图片幻灯片放映

我试过实现它。但是..图像从第一个更改为第二个，然后停止。
请查找我试图实现的代码以供参考。

<div id="images"> <img  name="slide" src="img/banner1.png"/>
<script type="text/javascript" >
var slideShow=document.getElementById("images");
var allImages= new Array();
allImages=["img/banner3.png","img/banner2.png","img/banner4.png","img/banner5.png"];
var imageIndex=0;
function changeImage()
{
    document.images.slide.src=allImages[imageIndex];
    //slideShow.setAtrribute("src",allImages[imageIndex]);
    console.log("executing 1");
    imageIndex++;
    if(imageIndex >= allImages.length)
    {
       console.log("executing 2");
       imageIndex=0;
    }
}console.log("executing 3");
setTimeout("changeImage()",1000);
console.log("executing 4");
</script>
</div>

有人能帮我解决这个问题吗？

最佳答案

如果要使无限幻灯片放映使用setInterval而不是setTimeout。

setInterval('changeImage()',1000);

您的代码在更改后可以正常工作。享受吧。