在进度条中传递页面加载时间答案

【问题标题】：Passing page loading time in progress bar在进度条中传递页面加载时间
【发布时间】：2013-04-10 10:35:27
【问题描述】：

我的页面中有进度条。它应该显示，直到页面完全加载。所以我希望我的进度条显示在页面上等于页面加载时间。所以我尝试获取页面加载时间并将该时间值传递给显示进度条。我已经完成了编码

<script type="text/javascript">
    var startTime = new Date().getTime();
    var loadTime;
    function pageload() {
        var endTime = new Date().getTime();
        loadTime = endTime - startTime;
        // alert(loadTime);
    }
    window.onload = function () { pageload(); }
    jQuery(document).ready(function () {

        jQuery('#container').showLoading(
             {
                 'afterShow':
                function () {
                    var a = loadTime;

                    setTimeout("jQuery('#container').hideLoading()", a);

                }
             });
    });
</script>

在此更改之后它起作用了！

<script type="text/javascript">
    var startTime = new Date().getTime();
    var loadTime;
    function pageload() {
        var endTime = new Date().getTime();
        loadTime = endTime - startTime;
        setTimeout("jQuery('#container').hideLoading()", loadTime);
        // alert(loadTime);
    }
    window.onload = function () { pageload(); }
    jQuery(document).ready(function () {

        jQuery('#container').showLoading();
    });
</script>

【问题讨论】：

您尝试在设置之前使用loadTime，因为document.ready 通常在window.onload 之前执行。整个概念是有缺陷的，通常不是一个好主意。
哦，然后告诉我.. 或建议我.. 如何获取页面加载时间值并在进度条显示时间中传递它。 @adeneo

标签： javascript jquery progress-bar page-load-time

【解决方案1】：

我可能是错的，但我想你只是想把它隐藏在onLoad，就像这样：

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

或将其放入您的 pageload() 函数中：

function pageload() {
    var endTime = new Date().getTime();
    loadTime = endTime - startTime;
    jQuery('#container').hideLoading();
}

【讨论】：