Javascript 如何在不停止的情况下运行img滑块？

我想制作一个img滑块，但它在到达终点后停止。为什么它一转就停了

当我运行此代码时，序列是1-2-3-4-5-6-1：

if（（n+1）>大小）{
n=0；
}

如你所见，我将高位数字改为零。然后n变为0。所以我认为n开始增加，直到5

我的代码：

var n=0；
var-sec=1000；
setInterval（函数（）{
n++；
放映幻灯片（n）；
}，sec）；
功能演示幻灯片（n）{
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
变量大小=幻灯片长度；
如果（（n+1）>尺寸）{
n=0；
}
对于（i=0；i

1/6
痤疮工作室
2/6
痤疮工作室
3/6
痤疮工作室
4/6
痤疮工作室
5/6
痤疮工作室
6/6
痤疮工作室

由于n作为参数传递给showSlides函数，因此在传递之前必须检查n值

var n=0；
var-sec=1000；
setInterval（函数（）{
var slides=document.getElementsByClassName（“mySlides”）；
变量大小=幻灯片长度；
n=n+1==大小？0:n+1；
放映幻灯片（n）；
}，sec）；
功能演示幻灯片（n）{
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
变量大小=幻灯片长度；
对于（i=0；i

1/6
痤疮工作室
2/6
痤疮工作室
3/6
痤疮工作室
4/6
痤疮工作室
5/6
痤疮工作室
6/6
痤疮工作室

让我们看看这里发生了什么：-

您有一个全局变量

n

，您还可以将其作为参数传递给

showSlides

，该变量在

showSlides

中生成它的本地副本，因此更新它实际上不会更改全局

n

---

要么根本不将

n

传递给

showSlides

，使函数中更新的内容最终成为全局

n

，要么在传递给

showSlides
之前，在
setInterval
中执行重置
n
的检查，要么就是不传递n