2013-03-06 51 views
0

我一直在玩的代码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元素。

回答

2

使用onwebkitTransitionEnd事件

+0

谢谢,我注意到之前,但有麻烦让它工作。我将在上面编辑我的代码,以便将来有人遇到麻烦。 – user2070136 2013-03-06 16:34:39

相关问题