如何在gliderjs | Javascript中集成自动播放功能

我在我的项目中使用Glider.js，我需要在自动播放模式下运行它

我试图在GitHub上搜索这个，因为有人提出了一个功能请求，但它还没有实现

下面是我想在本文中实现的代码

我想将其称为

slider.autoplay（）在多个滑块中，这样我就不会重复代码

请指导我如何做到这一点

这是

这里是工作演示


*{
框大小：边框框
}
html，正文{
宽度：100%；
溢出：隐藏；
}
.滑翔机{
溢出：隐藏；
}
.滑翔机舱{
宽度：90%；
最大宽度：997px；
保证金：0自动；
}
.滑翔机滑梯{
最小高度：150px；
}
滑翔滑翔机{
宽度：100%；
}

@-ms视口{宽度：自动！重要；}
addEventListener（'load'，function（））{
window.\ux=newglider（document.querySelector（'.Glider'）{
幻灯片显示：5，//“自动”，
幻灯片滚动：1，
项目宽度：150，
真的，
scrollLock:false，
倒带：错误，
箭头：{
上一页：“.滑翔机上一页”，
下一个：“.滑翔机下一个”
}
});
});
&拉阔；
&拉阔；

let autoplayDelay = 5000;

let autoplay = setInterval(() => {
    slider.scrollItem('next')
}, autoplayDelay);

element.addEventListener('mouseover', (event) => {
    if (autoplay != null) {
      clearInterval(autoplay);
      autoplay = null;
    }
}, 300);

element.addEventListener('mouseout', (event) => {
    if (autoplay == null) {
      autoplay = setInterval(() => {
          slider.scrollItem('next')
      }, autoplayDelay);
    }
}, 300);