javascript - 延迟/暂停光滑的幻灯片功能

Question

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

在我的网站上，我有一个特定的按钮，用户可以选择该按钮将轮播滑到下一个部分:

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

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

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

这类似于导航箭头在 slick 中的工作方式示威事件。

我怎样才能让它在用户选择按钮(运行上面的代码)时等待 5 秒再执行？

Answer 1

使用setTimeout()

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