如何在循环中播放CSS3动画

Question

我有这个设置，我想重复播放。我对jQuery不太好，所以想知道是否有人可以告诉我怎么做？

DEMO

$('.title1').fadeIn('fast', function() {
    $('div').addClass('animated pulse');
});

$('div').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend    
animationend', function() {
    $('.title1').fadeOut(2000);
});

Answer 1

http://jsfiddle.net/jFIT/86KLb/7/

将它全部包装在一个函数中，然后从fadeOut的回调中调用它。

 doIt();

function doIt(){
  $('.title1').fadeIn('fast', function() {
      $('div').addClass('animated pulse');
  })
  $('div').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend    animationend', function() {
    $('.title1').fadeOut(2000, function() {doIt();});
  });
};