用于自动幻灯片放映的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毫秒更换一次。如果需要,您可以根据需要调整时间。
相关文章