如何在不使用jQuery的情况下为javascript中的页面提供淡出效果

。。我试着使用这样的代码，加载量会一直增加到100，直到新页面打开

if(loading==90){
  preload.style.animation = "fadeOut 2s ease";
} 

---

但是它不工作

使用css不透明度，1是完全可见的，0是隐藏的，0.5是半可见的

document.getElementById("yourId").style.opacity = "0.5";

---

您可以将类附加到

preload

元素

if（window.addEventListener）{
window.addEventListener（'load'，cool，false）；
}
函数cool（）{
var preload=document.getElementById（“预加载”）；
var加载=0；
var id=设置间隔（第64帧）；
函数框架（）{
如果（加载==100）{
清除间隔（id）；
//window.open（“test1.html”，“_self”）；
}
如果（++加载==90）{
preload.className=“ld”；
} 
}
};
#预加载{
位置：绝对位置；
显示：块；
左：0；
排名：0；
背景：番茄；
宽度：100%；
高度：200px；
过渡：一切都很轻松；
}
.ld{
不透明度：0；
}

测试字符串
提供您想要的更多代码

转换-

动画

比您想象的要复杂得多-转换（和动画）不理解“淡出”，只是因为它是您想要它做的-阅读您应该做css转换。有一个链接：@Banzay if（window.addEventListener）{window.addEventListener（'load'，cool，false）；}function cool（）{var preload=document.getElementById（“preload”）；var load=0；var id=setInterval（frame，64）；function frame（）{if（load==100）{clearInterval（id）；window.open(“test1.html”，“_self”）；}else{loading=loading+1；if（loading==90）{preload.style.opacity=0.5；}}}；