循環播放動畫

循環播放動畫指的是重複播放動畫。您可以在進階模式中循環播放動畫。每個元素的動畫皆可個別循環播放，或者您也可以一次設定多個元素，建立較為複雜的動畫循環播放。

循環播放單一元素的動畫

1. 在時間軸上，找到您要循環播放的動畫圖層，按一下「設定動畫重複」按鈕 。
2. 選取彈出式選單中的選項：
   • 無限：將無限循環播放動畫。
   • ___ 次：將按照指定總次數循環播放動畫。
   • 無：不會循環播放動畫。

循環播放的主要畫面格會在時間軸上顯示為半透明的複本。在下方範例中，red-div 元素有長度為 0.5 秒的動畫，總共會循環播放 4 次。

只要按一下時間軸上的「播放」按鈕 ，即可在中心區域預覽循環播放的動畫。

循環播放多個元素的動畫

您可以建立事件，讓頁面上所有動畫按照您指定的起始時間和結束時間進行循環播放。

1. 在您想要動畫開始循環播放的位置設定時間軸標籤：
   1. 在「事件」軌 (時間軸的第一列) 上找到您想要動畫開始循環播放的位置，在該位置按一下右鍵，並在彈出式選單中選取 [新增標籤...]。
   2. 在彈出式對話方塊中輸入標籤名稱，例如「loopStart」。
   3. 按下 Enter 鍵。
2. 在「事件」軌上找到您想要動畫結束循環播放的位置，在該位置按一下右鍵，並在彈出式選單中選取 [新增事件]。
   
3. 按兩下事件標記 以設定事件：
   1. 在「動作」部分選取：
      • 時間軸 > gotoAndPlay，即可無限循環播放。
      • 時間軸 > gotoAndPlayNTimes，即可循環播放特定次數。
   2. 在「接收端」部分選擇頁面。
   3. 在「設定」部分選取您先前建立的標籤 (例如「loopStart」)，並設定您想要重複播放的次數。

使用 [預覽] 按鈕 觀看動畫在瀏覽器中循環播放的情況。