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

2022-04-17 00:00:00 javascript slideshow

我想知道如何将此滑块设置为自动幻灯片。 此滑块在底部和幻灯片上的"前/下一步"按钮上包含可点击的项目符号,但不会自动生成动画。

谁能告诉我如何使它自动幻灯片放映?

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

提前谢谢您。


解决方案

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

Var lideIndex=1; ShowSlides(LideIndex);

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

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

相关文章