javascript - 如何将超时添加到当前 slider 代码？

Question

我正在做一个带有按钮的简单 slider ，它工作正常，但我想将 TimeOut() 函数添加到当前代码，以允许幻灯片自动更改。

我尝试用 jQuery 做到这一点，但没有成功。

$('.reviews-slider-button').click(function() {
    var i = $(this).index();
    $('.reviews-slider-person').hide();
    $('.reviews-slider-person-' + (i + 1)).show();
});

我想每 10 秒自动更改一次 slider ，当我点击 .reviews-slider-button 时，它会重置计时器(为避免这种情况，我点击更改幻灯片，计时器自动切换到下一张). 非常感谢您的建议。

Answer 1

您可以使用 setInterval 每 10 秒单击您的按钮:

var timer = ''; // Make global variable
function ScrollAuto() {
  temp = setInterval(function() {
    $('.nextButton').click();
  }, 10000)
  return timer;
}

要重置计时器，请在 reset 按钮内添加:

clearInterval(timer);