純js 偵測網頁圖片是否載入完畢

var timer = setInterval(function(){

var isAllImageComplete = true;

//取得img标签(略过class是no-wait的图片)

document.querySelectorAll('img:not(.no-wait)').forEach(element => {

//如果有一张图片的complete是false的话就把isAllImageComplete的状态改成false

if(!element.complete){

isAllImageComplete = false;

}

});

//如果isAllImageComplete的状态是false代表图片还没载入完成

if (isAllImageComplete){

//如果成功会进入

//清掉setInterval

clearInterval(timer);

//把loading画面的display设成none(这边要自己做)

document.querySelector('.loading-hover').style.cssText="display:none;";

}

}, 100); //每0.1秒就检查一次