需要重複功能

Question

我需要你的幫助。我是一個noobie，需要一些幫助才能讓動畫在完成後回到第一個功能。

下面是代碼：

function phase1() 
{ 
$('#main .home_intro.phase1 h2').eq(0).delay(1000).fadeTo(500,1); 
$('#main .home_intro.phase1 h2').eq(1).delay(2000).fadeTo(500,1); 
$('#main .home_intro.phase1 h2').eq(2).delay(3000).fadeTo(500,1); 
$('#main .home_intro.phase1 h2').eq(3).delay(4000).fadeTo(500,1); 
$('#main .home_intro.phase1 h2').eq(4).delay(5000).fadeTo(500,1); 
$('#main .home_intro.phase1').delay(6000).fadeTo(500,0, phase2); 
}; 

function phase2() 
{ 
$('#main .home_intro.phase2 h2').delay(1000).fadeTo(500,1); 
$('#main .home_intro.phase2').delay(4000).fadeTo(500,0,phase3); 
}; 

function phase3() 
{ 
$('#main .home_intro.phase3 h2').delay(1000).fadeTo(500,1); 
$('#main .home_intro.phase3').delay(4000).fadeTo(500,0,phase1); 
}; 

phase1(); 

}）;

Answer 1

它看起來像它可能是通過循環回來，但你通過淡出一切了第一次，所以它消失了，你看不到任何效果。

Answer 2

如果你將這個功能了側的$(document).ready功能，那麼只寫：

$(document).ready(function() { 
    phase1(), phase2(), phase3(); 
}); 

function phase1() { 
    $('#main .home_intro.phase1 h2').eq(0).delay(1000).fadeTo(500,1); 
    $('#main .home_intro.phase1 h2').eq(1).delay(2000).fadeTo(500,1); 
    $('#main .home_intro.phase1 h2').eq(2).delay(3000).fadeTo(500,1); 
    $('#main .home_intro.phase1 h2').eq(3).delay(4000).fadeTo(500,1); 
    $('#main .home_intro.phase1 h2').eq(4).delay(5000).fadeTo(500,1); 
    $('#main .home_intro.phase1').delay(6000).fadeTo(500,0); 
}; 

function phase2() { 
    $('#main .home_intro.phase2 h2').delay(1000).fadeTo(500,1); 
    $('#main .home_intro.phase2').delay(4000).fadeTo(500,0); 
}; 

function phase3() { 
    $('#main .home_intro.phase3 h2').delay(1000).fadeTo(500,1); 
    $('#main .home_intro.phase3').delay(4000).fadeTo(500,0); 
    phase1(); 
}; 

隨着代碼的出方的休息。 如果你需要從一個功能去另一把相位（）的函數的底部。