Delay/Pause 流畅的滑动功能

Question

我正在尝试使用 slick 在我的网站上创建轮播。

在我的网站上，我有一个特定的按钮，用户可以 select 将旋转木马滑动到下一部分：

<button class="right-answer" onclick="showResult(this)">3</button>

此按钮使用以下行进行转换：

function showResult(b) {
    if (b.classList.contains('right-answer')) {
        $(".qa").slick('slickNext')
    }
    else { ... }
}

这类似于 slick 演示中导航箭头的工作方式。

我怎样才能做到当用户 select 按下按钮（运行上面的代码）时，它会等待 5 秒再执行？

Answer 1

$('button').click(function() {
setTimeout(function() {
    $(".qa").slick('slickNext')
}, 5000);
});

Delay/Pause Slick Slide Function