主要使用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)
});