Как найти, когда переход завершен

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 Event