检查页面中的所有图像是否都已加载

Question

目标：检查页面中的所有图片是否都已加载。如果是，请再次调用函数，以检查是否已加载所有图像。

我的尝试：

let checkImages = new Promise(resolve => { resolve(areCompleted()); });

function areCompleted() {
  let images = document.querySelectorAll('img');
  images = Array.from(images);

  for (let i = 0; i < images.length; i++) {
    if (!images[i].complete) {
      return false;
    }
  }
  return true;
}

如果所有图像都已完成，则会使用true来解析promise，如果不是，则为false。

checkImages.then(completed => {
  if (completed) {
    completedFunction();
  } else {
    // Check again
  }
});

如果回答是真的，请调用一个函数，如果没有... 我不知道如何再次进行相同的检查，但我想做那个检查直到响应是的。