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()方法。