CSS3动画"progress"回调
CSS3 animation "progress" callback
我只是想知道是否有一种方法可以监控元素动画的进度。我只知道 animationstart 和 animationend，是否有某种 animationprogress？
不，没有 animationprogess 事件。根据 W3 specification，AnimationEvent 事件分为三种类型。有 animationstart、animationend 和 animationiteration。当动画即将再次重复时，animationiteration 代替 animationend 被触发。
您大概可以使用为动画时间的一部分（例如动画时间的 10%）设置的 setInterval()，然后您会在动画中的每个点被调用。如果您需要动画的精确位置，您可以在任何这些计时器事件中查询动画的进度。
或者，如果您想要更精确的计时，您可以将动画分解为多个连续动画，并在每个片段上使用 animationend 作为进度指示器和启动下一阶段动画的触发器.
我只是想知道是否有一种方法可以监控元素动画的进度。我只知道 animationstart 和 animationend，是否有某种 animationprogress？
不，没有 animationprogess 事件。根据 W3 specification，AnimationEvent 事件分为三种类型。有 animationstart、animationend 和 animationiteration。当动画即将再次重复时，animationiteration 代替 animationend 被触发。
您大概可以使用为动画时间的一部分（例如动画时间的 10%）设置的 setInterval()，然后您会在动画中的每个点被调用。如果您需要动画的精确位置，您可以在任何这些计时器事件中查询动画的进度。
或者，如果您想要更精确的计时，您可以将动画分解为多个连续动画，并在每个片段上使用 animationend 作为进度指示器和启动下一阶段动画的触发器.