如何找到時的過渡已經完成

Question

我一直在玩的代碼this website

而現在正是我想要做的就是聽時的過渡已經完成了，這樣我就可以開始在另一轉型序列。例如...

import "dart:html"; 

num rotatePos = 0; 

void main() { 
    query("#buttonRotate").onClick.listen(rotateElement); 
} 

void rotateElement(Event e) { 
    rotatePos += 360; 
    Element element = e.target; 

    element.style.transition = "1s"; 
    element.style.transform = "rotate(${rotatePos}deg)"; 

    //Thank you for the help, here is my code for anyone else having 
    //questions about this... 
    element.onTransitionEnd.listen(transitionFinished); 
} 

void transitionFinished(Event e) { 
    query("#text").text = "Event Finished!"; 
} 

然後，我會如何設置監聽轉換或轉換完成的時間？或者我只是以這種錯誤的方式去做？基本上我最終想要做的是依次播放一系列轉場，並且能夠暫停並繼續播放動畫。我想也許animationEvent類可能是我需要使用的，但到目前爲止，我發現的例子似乎將這與畫布一起使用，而我只想動畫DOM元素。

Answer 1

使用onwebkitTransitionEnd事件