Question

我想问你如何在这张幻灯片中制作5张照片自动重复。请告诉我这段代码需要更改的内容：

function SlideShow(Number) {
    document.ShowSlajdova.src=ImageList[Number].src;
    Number +=1;
    if (Number<ImageList.length) {
        window.setTimeout("SlideShow("+Number+")",2000);    
    }
}
<body>
    <img src="1.jpg" width=400 height="200"name="ShowSlajdova">
</body>

当这个幻灯片显示到最后一张图片时它刚刚结束，我不知道如何重复它。

Answer 1

if (Number<ImageList.length) {
    window.setTimeout("SlideShow("+Number+")",2000);    
} else if(Number>Image.List.length) {
    Number = 0;
    SlideShow(Number);
}

到达ImageList的末尾后，重置计数器并再次运行该功能。

Answer 2

您无需再次运行整个功能。除了替代答案之外，还有一种更有效的方法。您可以通过将代码更改为以下内容来解决此问题：

function SlideShow(Number) {
    document.ShowSlajdova.src=ImageList[Number].src;
    Number +=1;
    if (Number<ImageList.length) {
        window.setTimeout("SlideShow("+Number+")",2000);    
    }
    else if(Number>Image.List.length) {
    Number = 0;
    window.setTimeout("SlideShow("+Number+")",2000);
    }
}
<body>
    <img src="1.jpg" width=400 height="200"name="ShowSlajdova">
</body>

想要重复播放幻灯片

2 个答案: