Jquery幻灯片效果，点击后需要延迟

Jquery slide effects, need delay after click

本文关键字：延迟 幻灯片 Jquery      更新时间：2023-09-26

我有5张幻灯片，它们在5秒钟后或鼠标点击时发生变化（使用SetInterval功能完成，触发"点击"）

例如，问题如下：假设它设置为#slide_1，当4秒过去时，我手动单击#slide_2，下一张幻灯片（#slide_3）在1秒后激活。触发点击的都是SetInterval，我不知道如何在手动和SetInterval点击之间再次添加5秒的间隔。。

这是我的代码，

    setInterval(function() {
       if(!$('.buttons > ul ').children('.butt_press').next().length){
            $('.buttons > ul').children(':first').trigger('click');
       }
       else{
            $('.buttons > ul').children('.butt_press').next().trigger('click');
       }
   }, 5500);

感谢

setInterval返回一个间隔id，您可以使用它来清除间隔，然后重新创建它。

var nextSlide = function () {
   if(!$('.buttons > ul ').children('.butt_press').next().length){
        $('.buttons > ul').children(':first').trigger('click');
   } else {
        $('.buttons > ul').children('.butt_press').next().trigger('click');
   }
};
var interval = setInterval(nextSlide, 5000);
$('some_selector').on('click', function () {
  nextSlide();
  clearInterval(interval);
  interval = setInterval(nextSlide, 5000);
});
相关文章：