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

Question

嘿gys我有这种语法，如果可能的话我想放一个播放或暂停按钮而不是gys（对不起，如果我不清楚或如果我犯了任何错误，因为我在stackoveflow中的新功能，我不知道多少）;

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); 
}

Answer 1

您需要在按钮的OnClick事件上使用setTimeout(carousel, 9000);来启动幻灯片显示和cleartimeout()功能以停止幻灯片显示。请参阅W3School article这有一个类似的启动和停止计时器示例。