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的一个问题。当你让它运行的时候。