在js中监听结束事件,如果要想监听第一遍执行完成可以设置一个变量标识来判断

例子

#test{width:100px; height:100px; background:#999;}

.scale{animation:scale 8s linear 0s infinite;}

@keyframes scale{

0%,100% {transform:scale(1.0)}

50% {transform:scale(1.2)}

20%,80% {transform:scale(1.1)}

}

var isFirst = true;

var test = document.getElementById('test');

//动画开始

test.addEventListener("webkitAnimationStart", function(){

console.log('动画开始');

}, false);

//监听动画循环

//第一遍动作完成时

test.addEventListener("webkitAnimationIteration", function(){

if(isFirst){

console.log('一遍完成');

isFirst = false;

}

}, false);

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐