为什么我的 javascript 不触发不同的 css3 动画延迟 Internet Explorer 10？答案

【问题标题】：Why doesnt my javascript trigger the different css3 animation delays Internet Explorer 10?为什么我的 javascript 不触发不同的 css3 动画延迟 Internet Explorer 10？
【发布时间】：2013-06-15 21:44:50
【问题描述】：

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 中运行？

【问题讨论】：

标签： javascript css internet-explorer-10

【解决方案1】：

您正在使用WebkitAnimationDelay 属性。正如名称已经说明的那样，它仅适用于Webkit browsers。正如您可以see here 一样，使用不带Webkit 的语句应该也适用于其他支持CSS3 的浏览器。

【讨论】：

不，这不是问题。我有所有供应商前缀和无前缀的 CSS 动画。该动画也适用于所有浏览器，只是我的 javascript 不起作用。我所有带有“bounceInDown”div 的内容都应该以单独的延迟触发。