Javascript 如何使幻灯片在鼠标悬停时停止

这是我在js中的代码。我试着做了一些我在互联网上看到的事情，但结果只是让幻灯片根本不起作用

<script>
var slideIndex = 0;
showSlides();

function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i < slides.length; i++) {
  slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 5000); // Change image every 5 seconds
}


</script>

var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
对于（i=0；islides.length）{slideIndex=1}
幻灯片[slideIndex-1].style.display=“block”；
setTimeout（showSlides，5000）；//每5秒更改一次图像
}

您可以使用

clearTimeout（id）

停止鼠标悬停时的超时。然后在鼠标离开时再次启动超时。您可以使用

let id=setTimeout（…）

您可以使用事件侦听器检查鼠标是否在幻灯片上

let id = setTimeout(...)

slides.addEventListener("mouseover”, function (e) {
    clearTimeout(id)
})

slides.addEventListener("mouseout”, function (e) {
    id = setTimeout(...)
})

---

你能分享一下你做了什么尝试以及为什么没有成功吗？通常，您需要一个

onmouseover

事件处理程序，并且需要跟踪推进下一张幻灯片的

setTimeout

句柄，但我们可能需要更多上下文和信息来提供一个好的答案。