divs whith JQuery 1 초마다 표시

Question

나는 "상자"클래스로 10 개의 div가 있습니다. 나는 하나씩 보여주고 싶다. 나는 이것을 시도했다 :

$(document).ready(function() { 
    $(".box").each(function() { 
     $(this).fadeTo("fast", 1); 
    }); 
}); 

... 그러나 모두 동시에 표시됩니다. 어떻게 할 수 있습니까? 감사합니다

Answer 1

fadeTo의 "기간"매개 변수를 사용해야합니다. 현재 각각에 대해 "빠름"을 전달하고 있습니다. 그것은 (반드시) 1 초가 아니며 각 요소에 대해 동일한 시간입니다. 대신 특정 시간 (밀리 초)을 전달하고 각 요소에 대해 다른 시간을 전달하십시오. 각 기간은 빨리하고 싶은 경우, 또는

$(document).ready(function() { 
    $(".box").each(function(i) { 
     $(this).fadeTo(1000 * i, 1); 
    }); 
}); 

하지만, 공간이 그들을 밖으로, 당신이 할 수있는 :

당신은이에 대한 each의 콜백 함수에 전달 된 index 매개 변수를 사용할 수 있습니다

을 fadeTo의 원인이됩니다 여기 delay를 사용

$(document).ready(function() { 
    $(".box").each(function(i) { 
     $(this).delay(1000 * i).fadeTo("fast", 1); 
    }); 
}); 

통과 시간 (밀리 초)에 의해 지연 될 수 있습니다.