2015-07-04 122 views
0

我試圖在我的網站上使用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秒鐘?

回答

3

使用setTimeout()

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