Javascript 如何向jquery加载div添加计时器？

我尝试使用下面的代码将div显示作为加载屏幕。但是一旦页面加载，它就会消失。。我希望它在后台加载时保持5秒钟，然后消失。我该怎么做？我尝试添加setTimeout，但没有任何效果

$(window).on('load', function () {
    setTimeout(document.getElementById("loading").style.display = "none", 5000)
});

/lib/images/header logo.svg“>

您需要使用如下回调函数

setTimeout（函数（）{
document.getElementById（“加载”）.style.display=“无”；
}, 5000)

该功能将在5000毫秒后运行

---

文档：

setTimeout

应为

setTimeout(() => document.getElementById("loading").style.display = "none", 5000); // ES6 syntax

或

下面是一个JSFIDLE：

此外，您还可以运行下面的代码

函数加载img（）{
var loading_logo=document.getElementById（“loading_logo”）；
setTimeout（函数（）{
加载logo.style.visibility=“隐藏”
}, 5000);
}
加载img（）；

#加载{
显示：块；
不透明度：1；
位置：绝对位置；
排名：0；
左：0；
z指数：100；
宽度：100vw；
高度：100vh；
背景色：$黑色；
}
.正在加载“”徽标{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}

---

首先阅读setTimeout（）文档

<div id="loading">
    <img class="loading_logo" src="<?php echo get_template_directory_uri();?>/lib/images/header-logo.svg">
</div>

setTimeout(() => document.getElementById("loading").style.display = "none", 5000); // ES6 syntax

setTimeout(function() { 
  document.getElementById("loading").style.display = "none"
}, 5000); // ES5 syntax