对于无限CSS动画，是否有与animationEnd相同功能的东西？

Question

所以，我有一个小脚本，发出警告说“完成了！”当动画结束时。

是否有一个函数可以对无限动画做同样的事情，即。每次循环结束时执行一些事情？

http://jsfiddle.net/RJ55N/

JavaScript的：

$('#dot1').one('webkitAnimationEnd oanimationend msAnimationEnd animationend',   
   function(e) {

   alert('done!');

  });

CSS：

#dot1{
   width:10px;
    height:10px;
    background:black;
    animation:one 1s 1; 
}

@keyframes one {
    from {width:10px; height:10px; }
     to {width:100px; height:100px; }
}

Answer 1

这是使用animationiteration事件的W3C标准方法：

$('#dot1').on('animationiteration', function (e) {
  alert('done!')
})

如果您关心浏览器支持，您也可以为以下事件添加侦听器：

• Webkit webkitAnimationIteration
• Opera oanimationiteration
• IE MSAnimationIteration