使用纯javascript显示加载程序 setTimeout（函数（）{ $（'.loader_bg'）.fadeToggle（）； }, 1500);

我的网站上有一个加载器。我想向用户显示一个加载器1.5秒，直到页面通过jquery完全加载，但希望它是纯javascript的，因为在整个项目中没有使用任何jquery

函数show_loader（）{
var img=document.createElement（“img”）；
img.src=https://via.placeholder.com/150';
img.className='loader'；
img.id='image'；
文件.正文.附件（img）；
}
show_loader（）；
setTimeout（函数（）{
document.getElementById（“image”）.classList.add（'loaderOut'）；
}, 3000);
.loader{
显示：块；
}
.装载机{
显示：无；
}
FWIW，显示加载程序预定的、硬编码的时间长度是一种反模式：如果用户连接速度慢，并且在加载站点之前需要6秒钟，会发生什么情况？加载程序消失后，他们将看到一个断开/不完整的页面。如果他们有一个非常快速的连接，并且你的页面在200毫秒内为他们加载，那么你就无缘无故地强迫他们再等待1.3秒。最好尝试检测页面实际加载的时间，然后隐藏微调器。
<script>
    setTimeout(function(){
        $('.loader_bg').fadeToggle();
    }, 1500);

</script>

<div class="loader_bg">
    <div class="loader"></div>
</div>