Javascript - 等待图像加载

var l = false;
var l2 = false;

var imm = new Image();
imm.src = "b.png";

imm.onload = function(){
l = true;
}

var imm2 = new Image();
imm2.src = "c.png";

imm2.onload = function(){
l2 = true;
}

我怎样才能告诉这个 javascript 仅在以下情况下启动一个函数l and l2是真的吗？我应该设置一个循环来不断检查这两个变量吗？有没有更有效的方法呢？我不希望我的脚本在没有图像的情况下开始，但有.onload我可以只等待一张图像加载，而不是全部图像加载。感谢您的帮助！

我认为更优雅的方式：

var loadedImagesCount = 0;
var imageNames = ["b.png", "c.png"];
var imagesArray = [];
for (var i = 0; i < imageNames.length; i++) {
    var image = new Image();
    image.src = imageNames[i];
    image.onload = function(){
        loadedImagesCount++;
        if (loadedImagesCount >= imageNames.length) {
            //loaded all pictures
        }
    }
    imagesArray.push(image);
}

不要弄乱许多不同的图像变量，只需将图像名称存储在普通数组中，然后循环遍历并计算加载的图片数量。