手动切换和自动切换应该怎么配合

这个是html代码和js代码

这个是css代码

这个是部分页面

现在手动切换页面点击按钮后他的转换页面和我设定的页面不是一个页面，我猜想可能是index在执行手动切换的之前已经在自动切换里被改变了。这种问题应该怎么解决呢？
其实我又想了一个方法，手动和自动分别设置index，但是分开设置之后，手动切换到一个页面后，他的下一张不会是这个页面的下一张，而是原来没有手动切换的下一张。

手动切换的时候 记得关闭定时器 然后记录下当前的位置 再加1 继续定时器 播放

你要是手动点到一个图片是，需要关闭定时器，在当前位置开始。一个index不够啊

可参考我用#CSDN#这个app发现了有技术含量的博客，小伙伴们求同去《JS实现轮播图点击切换、按钮切换功能》, 一起来围观吧 https://blog.csdn.net/zxh996/article/details/118703028?utm_source=app&app_version=5.5.0