用于自动幻灯片放映的 Javascript 和 CSS

Question

我想知道如何让这个 slider 自动播放幻灯片。此 slider 包含位于底部的可点击项目符号和幻灯片上的上一个/下一个按钮，但不会自行设置动画。

谁能告诉我如何让它自动放映幻灯片？

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow

提前谢谢你。

Answer 1

使用setInterval() 函数让幻灯片自动播放一定的时间间隔。在以下行之后的示例引用链接中添加 setInterval() 函数:

var slideIndex = 1; showSlides(slideIndex);

setInterval(function(){ showSlides(++slideIndex); }, 1000);

幻灯片将每1000 毫秒 更换一次。如果需要，您可以根据需要调整时间。