显示加载页面的加载百分比

Question

我有一个网页，里面有几个图像，我预加载了它们，然后我淡入（）它们。我很想看到加载的总图像的百分比（没有条形，没有图像，只是数字变化）。这可以用jquery吗？

Answer 1

绝对可能，.on()的变化：

var i = 0;
$('img').each(function() {
  $(this).one('load', function() {
  i++;
  console.log(i);
  });
});

这是最基本的形式。对于动态加载的内容，也可以执行类似操作。