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 要素は、Web サイトが読み込まれると跳ね返ります。ここで、スクリプトはさまざまな遅延値でバウンスを作成します。インターネットエクスプローラーでは機能しません。理由はわかりません。コードの何が問題になっていますか?

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 に答える