图像在鼠标悬停时停止切换，但在鼠标悬停时恢复

Question

我有可以在彼此之间切换的图像，当您将鼠标悬停在它们上面时，它们会停止，但是当您移开鼠标时，它不想继续进行切换。我在做什么错？

<script>
   var t;

  addEventListener("load", () => {
    var index = 0;
    const slides = document.querySelectorAll(".slides");
    const classHide = "slides-hidden",
      count = slides.length;
    nextSlide();
    function nextSlide() {
      slides[index++ % count].classList.add(classHide);
      slides[index % count].classList.remove(classHide);
      t = setTimeout(nextSlide, 500);
    }
  });

   $(".portfolio-image").mouseover(function () {
    if (t) {
      t = clearTimeout(t);
  }
  });

  $(".portfolio-image").mouseout(function () {
    if (t) {
      t = setTimeout(nextSlide, 500);
  }
  });

Answer 1

也许这可以帮助您：

$(".portfolio-image").mouseover(function () {
    if (t) {
      clearTimeout(t);
  }
  });

Answer 2

问题是“ setTimeout”被调用一次，您想改用“ setInterval”和“ clearInterval”。