jquery按鈕點擊功能自動執行時間延遲

Question

嗨我需要做下面的jQuery的功能，而無需點擊下一步按鈕。我試過很多了，但這些不工作的任何一個可以給我一個正確的方式來做到這一點，請

var clickNext = $(".next_button").click(function() { 
    var imgWidth = $("#slider_box_01").width(); 
    var numImgs = 16; 
    var count = 0; 

    slideId++; 

    if (slideId == 3) { 
     slideId = 0; 
    } 
    imageSlider(imgWidth, numImgs, count, slides, slideId); 

}); 

function imageSlider(imgWidth, numImgs, count, slides, slideId) { 

    var animation = setInterval(function() { 

     var position = -1 * (count * imgWidth); 

     $('#slider_box_01').find('.slider_image').css('margin-left', position); 


     count++; 

     if (count == numImgs) { 

      count = 0; 
      $('#slider_box_01').find('.slider_image').css('margin-left', 0 ); 

      $(".slider_image").attr("src", slides[slideId]); 

      clearInterval(animation); 

     } 
    }, 80); 

此功能工作得很好，如果我點擊.next_button，但我需要做的，沒有點擊後的任何按鈕每2秒加載一次我的網頁。

Answer 1

您已經在使用setInterval()，這正是您在這裏需要的。

// When document is ready. 
$(function() { 
    // Couldn't find this variable declared anywhere in your code? 
    var slideId = 0; 

    // A function to wrap the code previously set to be executed 
    // on the click event. 
    function myFunction() { 
     var imgWidth = $("#slider_box_01").width(); 
     var numImgs = 16; 
     var count = 0; 

     slideId++; 

     if (slideId == 3) { 
      slideId = 0; 
     } 

     imageSlider(imgWidth, numImgs, count, slides, slideId); 
    } 

    function imageSlider(imgWidth, numImgs, count, slides, slideId) { 
     var animation = setInterval(function() { 
      var position = -1 * (count * imgWidth); 

      $('#slider_box_01').find('.slider_image').css('margin-left', position); 

      count++; 

      if (count == numImgs) { 
       count = 0; 
       $('#slider_box_01').find('.slider_image').css('margin-left', 0); 
       $(".slider_image").attr("src", slides[slideId]); 
       clearInterval(animation); 
      } 
     }, 80); 
    } 

    // Call the new function every 2 seconds. 
    setInterval(myFunction, 2000); 
}); 

Answer 2

而沒有任何代碼變化的最簡單的解決方案：

setInterval(function(){ 
    $(".next_button").click(); 
},2000);