Jquery 进度条应显示在屏幕上，直到网页完全加载

我使用下面的代码来显示进度条

jQuery('#container').showLoading(
{
      'afterShow':
       function () 
       {
          setTimeout("jQuery('#container').hideLoading()", 1000);
       }
});

进度条在屏幕上显示，直到

1000

毫秒，然后消失。 但我希望进度条显示在屏幕上，直到<代码>（时间）=页面加载。 表示静态时间为1000毫秒，但我希望进度条显示那么长的时间。。加载一个页面需要时间

---

那么如何获得页面加载时间并将其传递到这里

您将无法获得页面加载时间，但是您可以绑定到

窗口。onload

事件以隐藏进度条<代码>窗口。仅当页面完全加载时才会触发onload事件

        window.onload = function() {
            jQuery('#container').hideLoading();
        };

---

我们需要做的是，在我们能够显示进度指示器时，首先显示进度指示器，然后，当页面完全加载时，将其隐藏。我们可以通过在DOM就绪时将加载事件绑定到窗口对象来实现这一点

请注意：在这么小的页面上，您可能不会注意到加载程序，因为它会发生得太快

jQuery（文档）.ready（函数（）{
showHideLoading（）；//文档准备就绪后立即加载此函数
});
函数showHideLoading（）{
//我们将不止一次引用#loader，所以让我们缓存它
var loader=jQuery（“#loader”）；
//现在，我们将展示装载机
loader.show（）；
//我们将设置一个新事件，以便当页面上的所有内容
//装载完毕后，我们隐藏装载机
jQuery（窗口）.on（“加载”，函数（）{
加载衰减（500）；
});
}

正文{
保证金：0；
}
img{
最大宽度：100%；
/*这只是为了让页面加载速度稍微慢一点*/
}
#装载机{
位置：绝对位置；
左：0；
右：0；
排名：0；
底部：0；
背景：rgba（0,0,0,0.5）；
}
#装载机部{
宽度：150px；
高度：80px；
利润率：-40px0-75px；
背景：#fff；
位置：绝对位置；
最高：50%；
左：50%；
文本对齐：居中；
边界半径：50%；
线高：80px；
}

加载

除了预加载技术之外，您还可以在此处查看解决方案。。。哦。那么我应该把window.onload放在哪里呢。。内部$（document）.ready（）。还是在它之前@maheshsapkalI已经试过了。但没有效果。我必须获得页面加载时间，并在1000毫秒的位置传递它。但是在页面加载之前，你无法获得页面加载时间，页面加载时间将取决于许多因素，带宽、延迟、浏览器、手机覆盖率、浏览器JS引擎的速度等。