CSS3动画&进展&回调
我只是想知道是否有一种方法可以监视元素动画的进度。我只知道animationstart
和animationend
,有什么animationprogress
吗?
解决方案
否,没有animationprogess
事件。根据W3 specification,有三种类型的AnimationEvent
事件。有animationstart
、animationend
和animationiteration
。当动画即将再次重复时,将激发animationiteration
而不是animationend
。
setInterval()
,然后您将在动画中的每个点被调用。如果需要动画的精确位置,可以在任何计时器事件上查询动画的进度。
或者,如果您需要更精确的计时,您可以将动画拆分成多个连续动画,并在每个片段上使用animationend
作为进度指示器和触发器来开始动画的下一阶段。
相关文章