js資料載入完成的方法

kimingw發表於2017-07-12

1、document.onreadystatechange(頁面載入完成的方法)配合document.readyState(獲取載入狀態)使用

document.onreadystatechange=function(){
  console.log(document.readyState=="complete");      
}

 2、利用new Image()圖片數字載入進度

var img=$("img");
var num=0;

img.each(function(i){
   var oImg=new Image();

    oImg.onload=null;

    num++;

    $(".loading b").html(parseInt(num/$("img").size()*100)+"%");
    if(num>=i){
        $(".loading").fadeOut();
    }
    
    oImg.src=img[i].src;
});

  

相關文章