TimelineMax：使用不同的時間線退出循環動畫？

Question

我有一個循環時間線，其中有幾個嵌套的時間線。它開始暫停，當用戶單擊開始按鈕時，主時間軸開始播放。

這是一個風車旋轉和雲在屏幕上行駛的風景，還有一輛車駛入現場並停下來。

我的問題是，當用戶點擊停止按鈕時，我想用不同於其進入（其他方向）的動畫來驅動屏幕的汽車，並在此之後停止其他循環動畫。

我的代碼看起來是這樣的：

$('body').on('click', '.play', function(e) { 
    e.preventDefault(); 
    tl.play(); 
}); 
$('body').on('click', '.stop', function(e) { 
    e.preventDefault(); 
    //the car should drive away from the view and stop windmill etc. 
    tl.stop(); 
}); 

tl = new TimelineMax({paused: true, repeat:-1}); 

windmill = new TimelineMax({repeat:-1}); 
windmill.to($('.windmill'), 1.5, {rotation:360, transformOrigin:"center center", ease:'linear'}); 

clouds = new TimelineMax({repeat:-1}); 
clouds.to($('.cloud'), 9, {xPercent: -1250, ease:'linear'}); 

car = new TimelineMax(); 
car.to($('.car'), 3, {xPercent: -250}); 

tl.add(propellers,0); 
tl.add(clouds,0); 
tl.add(cars,1); 

Answer 1

我想你可以簡單地使用一些選項在這裏，其中有詳細的文檔中的TimelineMax超過here，殺死正在運行的時間表實例例如使用.kill()方法，然後你可以開始另一個新的補間來做任何你想要的對象。

這是一個example那。