javascript - 如何给jquery加载div添加定时器？

Question

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

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

#loading {
    display: block;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: $black;
}

.loading_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

Answer 1

setTimeout 应该是

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

或者

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