为什么我的JavaScript不会触发不同的CSS3动画延迟Internet Explorer 10？

Question

document.addEventListener(
    "DOMContentLoaded",function(){
        var e, t=document.querySelectorAll("div.bounceInDown");
        for(var n=0,r=t.length;n<r;n++){
            e=Math.round(Math.random()*7e3)+"ms";
            t[n].style.animationDelay=e;
            t[n].style.WebkitAnimationDelay=e
        }
    },
    false
)

这段代码在我的文档的开头。 我也在身体和底部尝试过。 没有方法有效。 我还尝试了JQuery ready方法。

这是我在网上找到的代码，很幸运。 必须进行一些更改，以便它可以在chrome中使用。 如何使它在Internet Explorer 10中工作？

Answer 1

您正在使用WebkitAnimationDelay属性。 正如名称已经说明的那样，仅适用于Webkit浏览器 。 如您在此处看到的 ，使用不带Webkit的语句也应适用于其他支持CSS3的浏览器。