1

首先，这是位于我文档头部的脚本。

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

现在我有一个名为“bounceInDown”的类，它有一个关键帧动画。当网站加载时，应用了这个二级类的所有 div 元素都应该弹回。现在，那里的脚本使弹跳具有不同的延迟值。它只是在 Internet Explorer 中不起作用。不知道为什么。我的代码有什么问题？

它适用于除 IE 以外的所有浏览器

4

1 回答 1

0

对于初学者来说，IE9 不支持animation，仅在 IE10 中添加：p

除此之外，它可能在DOMContentLoaded事件有机会更新延迟之前开始动画。与其在 CSS 中设置动画，在 JS 中调整延迟，不如在 JS 中设置整个动画：

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

（将其替换1s为您的动画持续时间）

于 2013-06-12T13:44:15.250 回答