javascript - 如何延迟触发 slider 的 jQuery 自动前进脚本中的第一次单击？

Question

我正在编写这个脚本来自动推进我的 slider 。当我加载它时，它会立即触发加载时的自动前进，并且第二个图像会立即动画化。下一个的触发效果很好。我已经尝试在 .trigger 前面添加 .delay(8000) ，如下所示 $('#slider-nav .next').delay( 8000).trigger('click',[true]);，但无济于事。

您能帮我在哪里放置另一个 setTimeout 或相应的以及如何放置吗？或者有什么办法可以解决这个问题？

这是完整的代码:

jQuery(document).ready(function ($){

var timeOut = null;

$('#slider-nav .arrow').click(function(e,simulated){

    if(!simulated){

        clearTimeout(timeOut);
    }
});

(function autoAdvance(){

    timeOut = setTimeout(autoAdvance,8000);
    $('#slider-nav .next').trigger('click',[true]);

})(); 

Answer 1

稍微修改一下你的代码就可以了。

jQuery(document).ready(function ($){

       var timeOut = null;

       $('#slider-nav .arrow').click(function(e,simulated){

          if(!simulated){

             clearTimeout(timeOut);
          }
       });

       //Modify your code like this
       function autoAdvance(){
           timeOut = setTimeout(autoAdvance,8000);
           $('#slider-nav .next').trigger('click',[true]);
       }; 

       timeOut = setTimeout(autoAdvance,8000);
});