이 자바 스크립트 기능을 자동으로 추가하려면 어떻게해야합니까?

Question

어떻게 자동 슬라이딩을 추가 할 수 있습니까? setTimeout 시도했지만 작동하지 않습니다.

var slideIndex = 1; 
showSlides(slideIndex); 

function plusSlides(n) { 
    showSlides(slideIndex += n); 
} 

function currentSlide(n) { 
    showSlides(slideIndex = n); 
} 

function showSlides(n) { 
    var i; 
    var slides = document.getElementsByClassName("mySlides"); 
    var dots = document.getElementsByClassName("slide"); 
    if (n > slides.length) {slideIndex = 1}  
    if (n < 1) {slideIndex = slides.length} 
    for (i = 0; i < slides.length; i++) { 
     slides[i].style.display = "none"; 
    } 
    for (i = 0; i < dots.length; i++) { 
     dots[i].className = dots[i].className.replace(" active", ""); 
    } 
    slides[slideIndex-1].style.display = "block"; 
    dots[slideIndex-1].className += " active"; 
} 

누군가 해결책을 도울 수 있습니까? 많이 고맙습니다.

이

Answer 1

확인 하여 setInterval() 기능을 대신 setTimeout() 기능

https://developer.mozilla.org/fr/docs/Web/API/WindowTimers/setInterval

에서는 setTimeout() 기능 2 초 후에 한 번만 당신의 기능을 실행합니다.

https://developer.mozilla.org/fr/docs/Web/API/WindowTimers/setTimeout

(정말) 기본 구현

바꾸기이이

var slideIndex = 1; 
setInterval(function() { 
    slideIndex++; 
    showSlides(slideIndex); 
}, 2000)