CSS3动画“进度”回调

我只是想知道是否有一种方法可以监视元素动画的进度。我所知道的是animationstart and animationend, 有没有某种animationprogress?

不，没有animationprogess事件。根据W3规格 http://www.w3.org/TR/css3-animations/#animation-events, 共有三种类型AnimationEvent事件。有animationstart, animationend and animationiteration. animationiteration被解雇代替animationend当动画即将再次重复时。

你大概可以使用setInterval()这是为动画时间的一部分（例如动画时间的 10%）设置的，然后您将在动画中的每个点被调用。如果您需要动画的精确位置，您可以在任何这些计时器事件中查询动画的进度。

或者，如果您想要更精确的计时，您可以将动画分解为多个连续动画并使用animationend在每个片段上作为进度指示器和开始动画下一阶段的触发器。