且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

CSS3动画&进展&回调

更新时间:2022-02-05 22:46:24

否,没有animationprogess事件。根据W3 specification,有三种类型的AnimationEvent事件。有animationstartanimationendanimationiteration。当动画即将再次重复时,将激发animationiteration而不是animationend

您可以假定使用为动画时间的某一部分(例如,动画时间的10%)设置的setInterval(),然后您将在动画中的每个点被调用。如果需要动画的精确位置,可以在任何计时器事件上查询动画的进度。

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