动画完成后触发处理事件（animationend）和过渡效果完成后触发处理事件（transitionend）

animationend 事件在 CSS 动画完成后触发。

CSS 动画播放时，会发生以下三个事件：

• animationstart - CSS 动画开始后触发
• animationiteration - CSS 动画重复播放时触发
• animationend - CSS 动画完成后触发

语法

object.addEventListener("webkitAnimationEnd", myScript);  // Chrome, Safari 和 Opera
object.addEventListener("animationend", myScript);        // 标准语法

---

  transitionend 事件在 CSS 完成过渡后触发。

 语法

object.addEventListener("webkitTransitionEnd", myScript);  // Safari 3.1 到 6.0 代码
object.addEventListener("transitionend", myScript);        // Standard syntax

注意：end的大小写问题