jQuery的動畫循環多個時間

Question

我有一個循環的問題與此代碼：

<p style="position:relative;left:100px;opacity:0" class="bc1">hello</p> 

我要循環的動畫三種循環使用jQuery到：

1. $('.bc1').animate({left: '0px',opacity:'1'},1000);
2. 延遲10秒
3. $('.bc1').animate({left: '100px',opacity:'0'},1000);
4. 延遲1秒
5. 然後再從1開始

我可以使它無限嗎？

我想：

var st=animateBac(); 
     var af=animateRev(); 
     st();   
     af(); 

，但它不是循環。

Answer 1

試試這個：

var animationIsOn = true; 
var anim; 
anim = function(){ 
    $('.bc1').animate({left: '0px',opacity:'1'},1000); 
    setTimeout(function(){ 
     $('.bc1').animate({left: '100px',opacity:'0'},1000); 
     setTimeout(function(){ 
      if(animationIsOn){ 
       anim(); 
      } 
     },1000); 
    },10000); 
} 

編輯：對不起，沒有添加的延遲。