您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

js 监听css3动画的执行

uniapp里:
CSS 动画播放时,会发生以下三个事件:
animationstart -CSS 动画开始后触发
animationiteration - CSS 动画重复播放时触发
animationend - CSS 动画完成后触发

 @animationstart='animationstart'
 @animationiteration='animationiteration'
 @animationend ='animationend'

 

其他方式:
 

var css3Am = document.querySelector("#css3Am");


css3Am.addEventListener("animationstart",function(e){
    console.log("animationstart");
},false);


css3Am.addEventListener("animationiteration",function(e){
    console.log("animationiteration");
},false);


css3Am.addEventListener("animationend",function(e){
    console.log("animationend");
},false);

不同的浏览器要求使用不同的前缀:

No prefix: animationstart, animationiteration, animationend
Webkit: webkitAnimationStart, webkitAnimationIteration, webkitAnimationEnd
Mozilla: mozAnimationStart, mozAnimationIteration, mozAnimationEnd
MS:MSAnimationStart, MSAnimationIteration, MSAnimationEnd
O : oAnimationStart, oAnimationIteration, oAnimationEnd


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进