js监听css3动画

主要使用animationstart，animationiteration（重复播放的监听），animationend（结束）以及transtionend（过渡完成的监听）

代码如下：

var $main = $('.main');

    $main.on('click', function() {

      $(this).addClass('change-size')

    });

    $main.on('animationstart', function(e) {

      console.log('animationstart:' + e.elapsedTime)

    });

    $main.on('animationiteration', function(e) {

      console.log('animationiteration:' + e.elapsedTime)

    });

    $main.on('animationend', function(e) {

      console.log('animationend:' + e.elapsedTime)

    });

    $main.on('transitionend', function(e) {

      console.log('transitionend:' + e.elapsedTime)

    });