Javascript 如何在交互上重置/停止Siema自动播放间隔？

我正在尝试纯JavaScript旋转木马插件Siema

我将旋转木马设置为自动播放，每5秒更改一次幻灯片，并添加“上一页”和“下一页”按钮手动更改幻灯片

5秒的时间间隔是不间断的，因此每当我开始手动与滑块交互时，比如说单击其元素或其上一个/下一个按钮，自动播放会迅速跟上并再次更改滑块

我希望当用户第一次与滑块的任何元素交互时，自动播放停止。或者，如果这是不可能的，只要有这样的交互，就重置延迟，这样幻灯片就不会突然改变

这是一个最小的现场演示，展示了以下代码：

---

要重置setInterval，请使用clearInterval，如下所示：

定义为变量

var intervalID = setInterval(YourFunction, 5000);

重置

clearInterval(intervalID);

clearInterval(intervalID);