JavaScript预加载器Preloader配置：如何实现页面加载后延迟2秒隐藏

核心修改逻辑：使用JavaScript内置的setTimeout定时方法，将预加载器隐藏操作包裹在定时回调中，设置2000毫秒（即2秒）的延迟即可实现需求。另外你提供的HTML代码存在标签闭合拼写错误，同步给出修正后的版本。

修改后的JavaScript代码 #

var loader = document.getElementById("Preloader");
window.addEventListener("load", function(){
    // 页面加载完成后等待2秒再执行隐藏操作
    setTimeout(function() {
        loader.style.display = "none";
    }, 2000);
})

修正后的HTML代码（修复标签闭合错误） #

<div id="Preloader"></div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

CSS代码 #

原有CSS无需调整，可直接沿用：

#Preloader {
    background: #000 url(https://gph.is/g/46ql32M) no-repeat center center;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 99;
}

内容的提问来源于stack exchange，提问作者user16486966