loop in javascript

Question

function DC() { 
    var elements = $(".panel"); 
    elements.first().fadeOut(1000, function() { 
     $(this).insertAfter(elements.last()); 
     $(this).fadeIn(1000); 
    }); 
} 

$(document).ready(function() { 
    var i =0; 
    for (var i=0; i < 10; i++) { 
     DC(); 
    }; 
}); 

我想要DC()循環10次，但它只循環一次。

我做錯了什麼？

Answer 1

DC連續10次啓動fadeOut。如果你希望你的元素淡出並回10次，那麼你應該調用DC作爲fadeIn的回調。

elements.first().fadeOut(1000, function() { 
    $(this).insertAfter(elements.last()); 
    $(this).fadeIn(1000, DC); 
}); 

Answer 2

mpartel是在正確的您可能需要調用DC作爲回調 - 但爲了確保它不會永遠運行，你需要覈對計數：

var count = 0; 

function DC() { 

    elements.first().fadeOut(1000, function() { 
     if(count >= 10) return; 
     count++; 
     $(this).insertAfter(elements.last()); 
     $(this).fadeIn(1000, DC); 
    }); 
}