Javascript 如何在加载屏幕上添加延迟2秒，然后继续加载所需的任何时间？ 嘿，伙计们，我希望我的屏幕加载程序显示2秒延迟，即使互联网连接很快 然后在至少2秒的加载时间后，它将显示主页 如果互联网速度太慢，则应继续加载，直到出现主屏幕 我想要这个，因为加载屏幕本身就是我品牌的一部分，而且我设计的非常有趣。而且是GIF 它使用HTML、CSS和JS，请参见下面的代码。谢谢

var loader=document.querySelector（“.loader wrapper”）；window.addEventListener（“加载”，消失）；函数vanish（）{loader.classList.add（“消失”）；}

.loader包装器{
宽度：100%；
身高：100%；
位置：固定；
排名：0；
左：0；
背景色：rgb（3,3,3）；
显示器：flex；
证明内容：中心；
对齐项目：居中；
z指数：10；
}
.装载机img{
显示：内联块；
宽度：200px；
高度：200px；
位置：相对位置；
背景：黑色；
背景尺寸：封面；
动画：loader2s；
z指数：1000；
}
.消失{动画：向前消失0.3秒；}
@关键帧消失{100%{不透明度：0；可见性：隐藏；}}

使用，您可以在继续编写代码之前等待某些事情发生。在您的情况下，您需要等待load事件发生并等待2秒钟。有了它，您可以等待这两个承诺得到解决，并且只会继续发生这两个场景

/**
 * Promise that resolves whenever the load event fires.
 */
const pageLoad = new Promise(resolve => {
    window.addEventListener('load', resolve);
});

/**
 * Promise that resolves after 2 seconds.
 */
const delayTimeout = new Promise(resolve => {
  setTimeout(resolve, 2000);
});

/**
 * Wait for both the pageLoad and delayTimeout to resolve.
 */
Promise.all([pageLoad, delayTimeout]).then(() => {
  // Show page.
  vanish();
});