如何为此幻灯片添加自动功能？

Question

我很满意这个幻灯片的工作方式，但我希望它在 3 秒后自动放映，以防用户不手动放映幻灯片。

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");
  if (n > slides.length) {
    slideIndex = 1
  }
  if (n < 1) {
    slideIndex = slides.length
  }
  for (i = 0; i < slides.length; i++) {
    slides[i].classList.remove("active");
    
  }
  slides[slideIndex - 1].classList.add("active");
};

Answer 1

您可以使用setInverval to automatically execute plusSlides at regular intervals. If the user interacts manually, you can use clearInterval停止幻灯片的自动播放。

  var interval = setInterval(function() {
      plusSlides(1)
  }, 3000);

这将使幻灯片每 3000 毫秒（3 秒）前进一张。如果你现在想禁用自动进度（可能是因为用户与某事进行了交互），你可以使用：

clearInterval(interval);

如何为此幻灯片添加自动功能？

How add automatic functionality to this slideshow?

javascript

slideshow