在Javascript中停止鼠标悬停时的幻灯片放映

var slideshow = document.getElementById('slideshow');
slideshow.addEventListener('mouseover', stopSlideshow);

function stopSlideshow() {
  clearInterval(timer);
}

slideshow.addEventListener('mouseout', startSlideshow);

function startSlideshow() {
  timer = setInterval(playSlideshow, 3000);
}

var slides = slideshow.getElementsByClassName('slide');
var currentSlide = 0;

function playSlideshow() {
  slides[currentSlide].classList.remove('active');
  currentSlide = (currentSlide + 1) % slides.length;
  slides[currentSlide].classList.add('active');
}