延迟/暂停光滑滑动功能

时间:2015-07-04 15:46:18

标签: javascript jquery html css slick.js

我尝试使用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秒?

1 个答案:

答案 0 :(得分:3)

使用setTimeout()

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