internet explorer 9和10中未触发自定义Javascript

internet explorer 9和10中未触发自定义Javascript,javascript,html,internet-explorer,css,Javascript,Html,Internet Explorer,Css,首先,这是位于文档头部的脚本 <script> 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.ran

首先,这是位于文档头部的脚本

<script>
    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)
</script>

document.addEventListener(“DOMContentLoaded”,函数(){
变量e,t=document.queryselectoral(“div.bounceInDown”);
对于(var n=0,r=t.length;n
现在我有一个名为“bounceInDown”的类,它有一个关键帧动画。当网站加载时,所有应用了这个二级类的div元素都应该弹回。现在,那里的脚本使用不同的延迟值进行反弹。它只是在internet explorer中不起作用。不知道为什么。我的代码有什么问题


它适用于除IE以外的所有浏览器。对于初学者来说,IE9不支持仅在IE10:p中添加的
动画

除此之外,它可能在
DOMContentLoaded
事件有机会更新延迟之前启动动画。与其在CSS中设置动画并在JS中调整延迟,不如尝试在JS中设置整个动画:

t[n].style.animation = "yourAnimationName 1s "+e;

(用动画持续时间替换
1s

请格式化代码,使其可读(即使用多行和适当的缩进)。非常感谢。addEventListener不适用于IE。@user2239256 addEventListener从IE9开始受支持:我打赌你的IE正在IE7模式下运行。点击F12,看看它在什么模式下运行。动画延迟不是IE10+吗?我认为这是IE9的一个问题。当你让它运行的时候。