Question

您好我已经为页面加载的进度值编写了代码，但仍然存在一些问题。我的问题是，加载页面显示100％。我想要它应该显示并从0％开始并以100％结束。

这是我的javascriptcode

function onLoad() {
var progressValue = $('.progress-value');
var now = new Date().getTime();
var page_load_time = now - performance.timing.navigationStart;

    for (var i = 0; i <= page_load_time; i++) {
        var value = parseInt(100 * i / page_load_time);
        console.info(value + ' %');


    };
    progressValue.text(value + ' %')

}

$(window).load(function() {
    onLoad();
});

Answer 1

一旦加载＆＃39;事件已被触发且onLoad()功能已启动它已启动 - 页面已加载。

您（可能）从（https://developer.mozilla.org/en-US/docs/Navigation_timing）获取示例代码的地方明确说明这是导航可能的开始时间。显然它已经发生了。

Answer 2

$(window).load()仅在整个页面加载后运行该功能，您最好只等待加载进度条容器，尝试用

替换$(window).load(

$("#/*container-id*/").load(

或

$(document).ready(

页面加载的进度值

2 个答案: