如何查找转换完成的时间

时间:2013-03-06 16:10:03

标签: transform transition dart

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

1 个答案:

答案 0 :(得分:2)

使用onwebkitTransitionEnd活动