Javascript 当到达最终幻灯片时，自动播放并循环传送带

我想自动播放旋转木马，每张幻灯片延迟5秒。然后，一旦达到极限（最后一张幻灯片），它应该循环到第一张幻灯片

我怎样才能做到这一点

*{
框大小：边框框；
}
身体{
字体系列：无衬线；
}
旋转木马{
背景：#EEE；
宽度：100%；
}
.旋转木马{
显示：块；
高度：200px；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.旋转木马{
高度：400px；
}
}
.包裹{
位置：相对位置；
显示：内联块；
}
.包裹跨度{
字号：19px；
位置：绝对位置；
最高：75%；
左：5%；
右：5%；
颜色：白色；
文本阴影：-1px-1px 0#000，0px-1px 0#000，1px-1px 0#000，-1px 1px 0#000，0px 1px 0#000，1px 1px 0#000；
}
.包裹{
字体大小：15px；
位置：绝对位置；
最高：75%；
左：5%；
右：5%；
颜色：白色；
文本阴影：-1px-1px 0#000，0px-1px 0#000，1px-1px 0#000，-1px 1px 0#000，0px 1px 0#000，1px 1px 0#000；
}
@介质（最大宽度：480px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：440像素）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：414px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：384px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：375px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：320px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}

米里萨海滩
高跷钓鱼
山地
乘火车
康迪
南部海滩
丹布拉洞穴神庙

您可以通过以下方式自动播放旋转木马：

自动播放
自动前进到下一个单元格

自动播放将在鼠标悬停时暂停，在鼠标悬停时恢复。
单击旋转木马或选择单元格时，自动播放将停止

autoPlay: true
// advance cells every 3 seconds

autoPlay: 1500 // {Number}
// advance cells ever {Number} milliseconds
// 1500 will advance cells every 1.5 seconds

当用户将鼠标悬停在旋转木马上时，自动播放将暂停。
设置

pauseAutoplaynhover:false

以禁用此行为

autoPlay: 1500,
pauseAutoPlayOnHover: false
// auto play continues when user hovers over carousel

像这样：

data-flickity='{ "imagesLoaded": true, "percentPosition": false, "autoPlay":5000 }'

下面，为了演示，我将其设置为1秒延迟：

*{
框大小：边框框；
}
身体{
字体系列：无衬线；
}
旋转木马{
背景：#EEE；
宽度：100%；
}
.旋转木马{
显示：块；
高度：200px；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.旋转木马{
高度：400px；
}
}
.包裹{
位置：相对位置；
显示：内联块；
}
.包裹跨度{
字号：19px；
位置：绝对位置；
最高：75%；
左：5%；
右：5%；
颜色：白色；
文本阴影：-1px-1px 0#000，0px-1px 0#000，1px-1px 0#000，-1px 1px 0#000，0px 1px 0#000，1px 1px 0#000；
}
.包裹{
字体大小：15px；
位置：绝对位置；
最高：75%；
左：5%；
右：5%；
颜色：白色；
文本阴影：-1px-1px 0#000，0px-1px 0#000，1px-1px 0#000，-1px 1px 0#000，0px 1px 0#000，1px 1px 0#000；
}
@介质（最大宽度：480px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：440像素）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：414px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：384px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：375px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}
@介质（最大宽度：320px）{
.包裹{
显示：无；
}
.包裹跨度{
左：15%；
右：5%；
}
}

米里萨海滩
高跷钓鱼
山地
乘火车
康迪
南部海滩
丹布拉洞穴神庙

一旦我为其他滑块（上一个或下一个）手动拖动它。自动播放停止了？真的。“单击旋转木马或选择单元格时，自动播放将停止。”--