主要使用animationstart祠挫，animationiteration（重復(fù)播放的監(jiān)聽(tīng)），animationend（結(jié)束）以及transtionend（過(guò)渡完成的監(jiān)聽(tīng)）
代碼如下：
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)
? ? });
