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

Question

我使用这个脚本来自动推进我的滑块。当我加载它时，它会立即触发加载时的 autoAdvance，并且第二张图像会立即动画化。下一个的触发工作得很好。我已经尝试在like so.delay(8000)前面添加一个，但无济于事。.trigger$('#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);
});