Javascript 如何停止幻灯片放映？

当我点击一些按钮时，我想让幻灯片停止工作，让我看10秒或15秒的img，然后它返回工作。我尝试了setTimeout函数，但我认为我没有正确使用它。我在stackoverflow上查看了一些类似于我的问题的解决方案，但没有任何帮助。 以下是我的代码的可执行版本：

这是我的密码：

var slideIndex=0；
幻灯片（）；
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
slide=document.getElementsByClassName（“mySlide”）；
dotz=document.getElementsByCassName（“btn”）；
对于（i=0；i滑动长度）{
slideIndex=1
}
对于（i=0；i

*{
框大小：边框框；
}
.img{
宽度：100%；
高度：666.656px；
}
迈斯利德先生{
最大宽度：1000px；
位置：相对位置；
保证金：自动；
}
.基站{
文本对齐：居中；
}
.btn{
光标：指针；
显示：内联块；
宽度：20px；
高度：20px；
边界半径：50%；
背景色：#bbb；
边际：0.2px；
}
忙碌的
.btn:悬停{
背景颜色：粉红色；
}
.褪色{
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@关键帧淡入淡出{
0% {
不透明度：0.4；
}
100% {
不透明度：1；
}
}

---

您可以设置一个变量来跟踪幻灯片的自动播放。当点击一个按钮时，自动播放将被取消，直到一段时间后，比如说5秒

让我们将变量设置为

timer

，并在JS文件的幻灯片部分开头定义它：

var定时器=null

然后，在
showSlide
函数中，除了像当前一样调用
setTimeout
函数外，还可以将函数的返回值分配给
计时器
，以便在需要时取消它：
timer=setTimeout（幻灯片，3000）

然后，在您将编写的按钮单击功能中，添加以下代码以临时取消自动播放，并设置为在5秒后恢复自动播放：

clearTimeout(timer);
timer = setTimeout(showSlide, 5000);

希望这有帮助
 
var tId=setTimeout（幻灯片，3000）
现在您可以使用
clearTimeout（tId）
停止并重新发出
tId=setTimeout（幻灯片，3000）当你想重新开始时，我已经修改了你的笔。请在这里查一下