기다립니다 내가</p> <pre><code>for(i=0, j=10; i<j ; i++){ $('#an-element-'+i).fadeIn(); } </code></pre> <p>어떻게 내가 루프의 각 반복 만)합니다 (fadeIn 일단 시작할 수 있도록해야합니까 다음 코드 같은 것을 가지고 루프

Question

에 대한 내 완료; 애니메이션이 완료 되었습니까?

편집 --- 미안 나의 나쁜 나는 '내가'당신의 코드에 따라 루프

Answer 1

for 루프는 동기식이지만 애니메이션은 비동기식입니다. 재귀를 사용해야합니다.

var i = 0, j = 10; 
(function fadeNext() { 
    if (i < j) { 
     $('#an-element-' + i++).fadeIn(fadeNext); 
    } 
})(); 

http://jsfiddle.net/uq9mH/

Answer 2

에서, 루프는 동일한 요소에 단지를 사라질 것이다 10 시간을 포함하지 않았다. http://api.jquery.com/fadeIn/이 같은

뭔가 (테스트하지) 작업을해야

var counter = 10; 
function fadeIn(elem) { 
    $(elem).fadeIn('slow', function(){ 
     if (counter > 0) { 
      fadeIn(elem); //up to you how you figure out which element to fade in 
     } 
    }); 
    counter--; 
} 

//var elem = $('.something'); 
fadeIn(elem); 

Answer 3

당신은 후에 코드를 실행할 수 있습니다 : 어떤 경우에

는 당신이 필요로하는 것은 fadein 방법의 콜백에 전화를 넣어하는 것입니다

$("#foo").fadeIn("slow",function() { 
    alert("done"); 
}); 

를하지만 당신이 뭘하려는 건지 매우 명확하지 않다 : 함수에 배치하여 애니메이션 콜백 매개 변수로 전달. 같은 요소를 10 번 페이딩하고 있습니까?

Answer 4

이 시도 :

for (i = 0, j = 10; i < j; i++) { 
    $('.try').each(function() { 
     $(this).delay(1000).fadeOut().delay(1000).fadeIn(); 
    }); 
} 

당신은 지연 기능 내부의 지속 시간을 변경할 수 있습니다. Here is the jsFiddle.

Answer 5

당신은 모든 항목에 대한 고정 된 지연이있는 경우이 코드 줄 사용할 수 있습니다 :

$(this).fadeIn().delay(2000).fadeOut(); 

대신

$(this).fadeIn(); 

사용할 수