javascript - 为什么我的 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 就绪方法。

这是我在网上找到的代码，非常幸运。不得不进行一些更改，因此它可以在 chrome 中运行。我该怎么做才能让它在 Internet Explorer 10 中运行？

Answer 1

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