如何监听animationend完成之后的动画

Question

一个元素首先执行一段animation的动画，执行完成之后，另外一个元素自动执行其它代码
怎么实现啊？

Answer 1

谢邀。有个事件，名字叫animationend

ele.addEventListener('animationend', callback);

低版本的现代浏览器需要加前缀。

Chrome, Safari 和 Opera 浏览器使用 webkitAnimationEnd 前缀。

兼容性相关：
http://caniuse.com/#search=an...

Answer 2

animation-delay。你设置另外一个元素延迟几秒自动执行就好了

Answer 3

animationend 是推荐的方法
然而我常常就是setTimeout解决。

Answer 4

var end = true;
animation(function(){
do...
do...
end = false;
},500);
if(end=="false"){
gg
}

Answer 5

animation-dela~JS监听时间在瘦客户端不太靠谱！

Answer 6

jquery 的 animate有回调函数