jquery幫助，循環動畫

Question

我是jQuery noob，我該如何循環？如果可能的話，我可以把它整理一下嗎？

$(document).ready(function() { 
    speech_animation(); 
}); 

function speech_animation(){ 
    $("#b-block_wrap").delay(1000).fadeIn(500).animate({ top: 0}, {duration: 500,}); 
    $("#p-block_wrap").delay(2000).fadeIn(500).animate({ top: 0,}, {duration: 500,}); 
    $("#first_wrap").delay(5500).fadeOut(500); 
    $("#g-block_wrap").delay(6000).fadeIn(500).animate({ top: 0}, {duration: 500,}); 
    $("#y-block_wrap").delay(7000).fadeIn(500).animate({ top: 0}, {duration: 500,}); 
    $("#second_wrap").delay(10500).fadeOut(500); 
} 

Answer 1

您可以在上次函數調用中使用回調函數，以便在最後一次函數調用完成後立即調用它自己。

$(document).ready(function() { 
    speech_animation(); 
}); 

function speech_animation(){ 
    $("#b-block_wrap").delay(1000).fadeIn(500).animate({ top: 0}, {duration: 500,}); 
    $("#p-block_wrap").delay(2000).fadeIn(500).animate({ top: 0,}, {duration: 500,}); 
    $("#first_wrap").delay(5500).fadeOut(500); 
    $("#g-block_wrap").delay(6000).fadeIn(500).animate({ top: 0}, {duration: 500,}); 
    $("#y-block_wrap").delay(7000).fadeIn(500).animate({ top: 0}, {duration: 500,}); 
    $("#second_wrap").delay(10500).fadeOut(500, speech_animation);//callback here 
}