css3动画完成后执行某事件

方法一:setTimeout( )方法
 
使用setTimeout( )设置指定多少毫秒后,执行某个事件。把时间设置为动画执行的时间。setTimeout() 是属于 window 的方法,该方法用于在指定的毫秒数后调用函数或计算表达式
 
语法:
 
setTimeout(要执行的代码, 等待的毫秒数)  毫秒不带单位
 
setTimeout(JavaScript 函数, 等待的毫秒数)
 
例如:
 
        setTimeout(function() {
 
          console.log(‘两秒后’);
 
        },2000);
 
      })
 
或者直接调用函数(调用的时候不加括号)
 
 方法二、webkitAnimationEnd事件
 
动画有三个事件,分别是:
 
开始事件 webkitAnimationStart 
 
结束事件 webkitAnimationEnd 
 
重复运动事件 webkitAnimationIteration 
 
想在动画完成后执行某代码,借给元素注册动画结束事件

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64286.shtml

张贴在3