JS 判断CSS3 动画结束

Question

javascript判断css3动画结束 css3动画结束的方法?

Answer 1

    // animationend 事件在 CSS 动画完成后触发。(IE9及更早 IE 版本不支持)        var x = document.getElementById("myDIV");        // Chrome, Safari 和 Opera 代码        x.addEventListener("webkitAnimationEnd", myStartFunction);        // 标准语法        x.addEventListener("animationend", myStartFunction);    // transitionend 事件在 CSS 完成过渡后触发。 (IE9及更早 IE 版本不支持)        // Safari 3.1 到 6.0 代码        document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);        // 标准语法        document.getElementById("myDIV").addEventListener("transitionend", myFunction);    // 其他注意:    // Internet Explorer 8 及更早 IE 版本不支持 addEventListener()方法。