javascript - 调用某些图像后如何使加载条充满电

Question

我总是使用来自ajaxload.info的微调器，首先我显示微调器，然后在页面完全加载时隐藏它。但我试图创建一个像 youtube 一样的微调器，但没有任何运气。

我怎样才能获得花费图像加载的毫秒时间。在这种情况下，我应该将毫秒值传递给我的animatejquery 函数。

这是我的代码：

$( "#some-image" ).animate({
    width: "100%"
}, 5000);//duration

$('#some-image').load(function() {
    $( "#spinner" ).hide();
});

score 0 · Accepted Answer

Tutorialzine最近发表了一篇文章，解释了一种使用NProgress的类似技术。

实现它的一种方法（如上面的文章所述）是在每个图像加载时触发自定义事件，并更改进度条的位置，直到所有图像都已加载。

您尝试实现它的方式意味着估计下载每个图像的时间，这是不可靠的。

1 回答 1