css - 如何监听animationend完成之后的动画
PHP中文网
PHP中文网 2017-04-17 14:27:25
[HTML讨论组]

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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(6)
PHP中文网

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

ele.addEventListener('animationend', callback);

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

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

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

迷茫

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

ringa_lee

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

阿神

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

大家讲道理

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

ringa_lee

jquery 的 animate有回调函数

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号