Javascript 清除时间间隔

我面临一个问题，即清除图像滑块的时间间隔。 当我单击下一个缩略图时，上一个计时器将被清除，如果我选择上一个图像，则上一个选定的计时器将被清除。为了更好地理解，我使用定时器的颜色代码

这是我的演示

---

将

setInterval

更改为

setTimeout

setInterval

将重复，其中as

setTimeout

将只触发一次。

当您设置Interval时，将其分配给一个变量，然后稍后使用clearInterval（变量）。所以改变

      Slider();
      timer=setInterval(Slider, 4000);

到

---

我使用了

setTimeout

，它与

SetInterval

的问题相同，这不是因为间隔没有清除，而是因为滑块（）函数不跟踪您当前选择的内容是的，它很好，但图像更改时缩略图的颜色是必需的。非常感谢，但为什么在完成第一次迭代后要花很长时间加载呢。因此，在第6张图像之后，它又开始加载第1张图像了。您是说，一旦单击，您想完全停止自动图像循环吗？@nnnnnn：不，但我只想表明，单击后，所选图像应该从开始图像循环开始显示。如果am选择第二个图像，则应从第三个图像开始，如果计时器在第三个图像上，如果am选择第二个图像，则应转到第二个图像，循环将继续。但选中的一个显示为黄色。而之前的颜色应该是正常的

      Slider();
      clearInterval(timer);
      timer=setInterval(Slider, 4000);