Jquery 第一次加载页面时显示加载图像

我使用下面的代码来显示加载图像，当加载某些内容需要时间时

<div class="divLoading"></div>

CSS

---

但这在第一次加载页面时不起作用。我想在登录到我的网站后立即显示此加载图像，直到页面内容完全加载为止。你能帮我一下吗。谢谢。

记得在关闭头部标签之前输入此代码

<script>
$(window).load(function(){
  $('#dvLoading').fadeOut(2000);
});
</script>

$（窗口）。加载（函数（）{
$（#dvLoading'）。淡出（2000年）；
});

但我不知道第一次加载需要多少时间。所以我不能使用计时器。我想在页面完全加载之前显示加载程序。你想这样吗？？

.divLoading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
            url('../../Images/ajax-loader.gif') 
            50% 50% 
            no-repeat;
}  
body.loading {
    overflow: hidden;   
}
body.loading .divLoading {
    display: block;
}

<script>
$(window).load(function(){
  $('#dvLoading').fadeOut(2000);
});
</script>