Javascript 如何*连续*检测页面是否已完全加载JS？

有很多方法可以检测页面是否已加载。然而，我想继续这样做，却找不到一个有效的方法

为了解释持续的含义，让我举个例子。在一页中

• 用户单击某处并请求加载新图像。这会触发一些图像的缓冲

• JS代码自动连续缓冲一些图像

因此，我想检查页面中是否没有要加载的图像（此外，下载过程中也没有图像）

[我希望能够了解是否每个图像都已完成下载/缓冲/缓存。以便我可以请求缓冲新图像。]

我计划无限次地做括号中的事情，同时限制缓冲图像的数量

---

您可以在此示例相关代码：

检查文档是否已加载：

$( document ).ready(function() {
  //Your code goes here.
});

检查是否已加载图像：

$('img').each(function(i, e){
    var img = new Image();
    img.onload = function() {
        console.log($(e).attr('src') + ' - Loaded!');
        $(e).attr('loaded', true);
    }
    img.src = $(e).attr('src');
});

---

“我计划…无限循环”-无限循环将锁定页面。使用一个使用setTimeout（）的函数来计划每X毫秒对自身的另一次调用。您是否考虑过对图像使用（on）load事件来跟踪哪些图像已完成加载？记录有多少正在进行中，当该计数低于某个阈值时，您可以开始下一批。保留一个加载图像数组，一旦加载图像，将其从中删除array@Tom，您能为此编写一个示例代码吗？如何确定图像是否已加载？另外，如何区分一个缓冲且不可见的图像和另一个加载且可见的图像？在这个上下文中它们是一样的吗？@nnnnnn我不确定“图像的onload事件”是什么。我是一个初学者，所以如果你能为此编写一个示例代码，那就太好了。