在仅幻灯片 JavaScript 上添加播放/暂停按钮

add a play/pause button on a Slideshow only javascript

本文关键字:播放 暂停 按钮 添加 幻灯片 JavaScript      更新时间:2023-09-26

嘿,gys我有这个语法,如果可能的话,我想放一个播放或暂停按钮,然后感谢gys(对不起,如果我不清楚,或者如果我犯了任何错误,因为我是堆栈流中的新手,我不知道太多);

var myIndex = 0;
carousel();
function carousel() {
    var i;
     var x = document.getElementsByClassName("mySlides");
    for (i = 0; i < x.length; i++) {
       x[i].style.display = "none";  
    }
    myIndex++;
    if (myIndex > x.length) {myIndex = 1}    
    x[myIndex-1].style.display = "block";  
    setTimeout(carousel, 9000); 
}
您需要

在按钮的 OnClick 事件上使用setTimeout(carousel, 9000);来启动幻灯片放映,并使用cleartimeout()函数来停止幻灯片放映。参考 W3School 文章 这有一个类似的启动和停止计时器示例。