为什么我的javascript没有触发Internet Explorer 10中不同的css3动画? document.addEventListener( “DOMContentLoaded”,函数(){ 变量e,t=document.queryselectoral(“div.bounceInDown”); 对于(var n=0,r=t.length;n

为什么我的javascript没有触发Internet Explorer 10中不同的css3动画? document.addEventListener( “DOMContentLoaded”,函数(){ 变量e,t=document.queryselectoral(“div.bounceInDown”); 对于(var n=0,r=t.length;n,javascript,css,internet-explorer-10,Javascript,Css,Internet Explorer 10,您使用的是WebkitAnimationDelay属性。因为名称已经声明了它的唯一用途。尽可能,不使用Webkit的语句也适用于支持CSS3的其他浏览器。不,这不是问题。我的CSS动画带有所有供应商前缀,并且未固定。ani信息也适用于所有浏览器,只是我的javascript不起作用。我所有带有“bounceInDown”div的内容都应该以不同的延迟触发。 document.addEventListener( "DOMContentLoaded",function(){

您使用的是
WebkitAnimationDelay
属性。因为名称已经声明了它的唯一用途。尽可能,不使用
Webkit
的语句也适用于支持CSS3的其他浏览器。

不,这不是问题。我的CSS动画带有所有供应商前缀,并且未固定。ani信息也适用于所有浏览器,只是我的javascript不起作用。我所有带有“bounceInDown”div的内容都应该以不同的延迟触发。
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
)