敏锐的滑块连续自动播放

Question

我想让滑块连续移动而不卡住。我已启用 free mode，但在自动播放幻灯片时仍会卡住。我搜索了文档但没有得到任何帮助。有什么解决方法吗？

这是带有 autoplay 和 mode:"free" 的滑块。 https://codesandbox.io/s/epic-tree-oy0fl?file=/script.js

Answer 1

唯一的选择是调整幻灯片时间和自动播放时间，这是我的代码：
（此代码来自 Keen 滑块的自由模式示例。）
实施：https://codesandbox.io/s/epic-tree-oy0fl?file=/script.js

var sliderElement = document.getElementById("my-keen-slider");
var interval = 0;

function autoplay(run) {
clearInterval(interval);
interval = setInterval(function () {
  if (run && slider) {
    slider.next();
  }
}, 3000);
}

var slider = new KeenSlider(sliderElement, {
loop: true,
mode: "free",
duration: 180000,
});

slider.next();
autoplay(true);

我编辑的部分是duration: 180000和interval的区间（3000）。这使它看起来像是在不断滚动。也欢迎其他答案。

敏锐的滑块连续自动播放

Keen slider continious autoplay

javascript

slider

reactjs