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

Javascript and CSS for Automatic Slideshow(用于自动幻灯片放映的JavaScript和CSS)

问题描述

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

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

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

提前谢谢您。

推荐答案

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

Var lideIndex=1； ShowSlides(LideIndex)；

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

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

这篇关于用于自动幻灯片放映的JavaScript和CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！