Javascript css3动画不适用于IE 10＆amp; amp;歌剧

Question

我为我的玩家制作了css3动画。所有具有“BounceInDown”类的人都应用了动画。现在，我有一个代码，它给我的动画不同的延迟值，以便我得到一个非常好的随机掉落效果。当然我可以创建相同css的变体但这将是一项繁琐的任务，因为每个新玩家都需要一个新的css类，其动画延迟为3s，4s，5s，2.5s等等。

现在我将这段代码放在我的html文档的头部，就在jquery和我的其他javascripts之后。

<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>

上层代码在chrome，Safari和Firefox中完美运行，但在最新的Opera和Internet Explorer 10中没有。现在，动画可以在Opera和IE 10中运行，但它们同时触发，这意味着问题是只是javascript。

我一直试图解决这个问题超过一个星期，但没有运气。如果有人知道一个解决方案，或者如果你有一个比我更好的跨浏览器代码那将是伟大的。还解释了我做错了什么，因为我已经设置好了。我网站上没有js错误。符合所有标准。