몇 초마다 jQuery에서 몇 번의 실행을 수행합니까?

Question

여기

내가 startSlider 기능을 제거하고

setTimeout(function(){ 
var startSlide = $(".slider li:first"); 
     var nextSlide = $(".active").next("li"); 
     $(".active").removeClass(); 
     $(".inactive").removeClass(); 
     if(nextSlide.html() == null) 
     {nextSlide = startSlide;} 
     nextSlide.addClass("active"); 
     nextSlide.siblings().addClass("inactive"); 
    } 
, 4000); 

를 사용하고자하지만, 어떤 제안을 작동하지 않습니다

$(document).ready(function() { 
    var startSlider = function() { 
     var startSlide = $(".slider li:first"); 
     var nextSlide = $(".active").next("li"); 
     $(".active").removeClass(); 
     $(".inactive").removeClass(); 
     if(nextSlide.html() == null) 
     {nextSlide = startSlide;} 
     nextSlide.addClass("active"); 
     nextSlide.siblings().addClass("inactive"); 
     setTimeout(startSlider, 4000); 
    }; 
    setTimeout(startSlider, 100); 
}); 

을 대체 할 코드를 무엇입니까?

Answer 1

첫 번째 코드에서는 재귀 함수로 작동합니다. 하지만 두 번째 코드에서는 setTimeout 함수 대신 setInterval을 사용하여 매 4 초마다 실행해야합니다.

setInterval(function(){ // consider using setInterval instead of setTimeout 
var startSlide = $(".slider li:first"); 
     var nextSlide = $(".active").next("li"); 
     $(".active").removeClass(); 
     $(".inactive").removeClass(); 
     if(nextSlide.html() == null) 
     {nextSlide = startSlide;} 
     nextSlide.addClass("active"); 
     nextSlide.siblings().addClass("inactive"); 
    } 
, 4000);