JavaScript가있는 프리 로더

Question

나는 이와 같은 문제에 직면 해있다. 한 페이지에 대해 프리 로더를 백분율로 만들어야하지만 어떻게해야할지 모르겠다. 사실 애니메이션이나 간단한 프리 로더가 필요 없습니다. 내가 무엇을 할 수 있고 무엇을 가질 수 있습니까?

window.onload = function() { 
var images = document.images, 
    imagesTotalCount = images.length, 
    imagesLoadedCount = 0, 
    preloader   = document.getElementById('js_preloader'), 
    percDisplay   = document.getElementById('js_preload__percentage'); 
for(var i = 0; i < imagesTotalCount; i++) { 
    image_clone = new Image(); 
    image_clone.onload = image_loaded; 
    image_clone.onerror = image_loaded; 
    image_clone.src = images[i].src; 
} 
function image_loaded() { 
    imagesTotalCount++; 
    percDisplay.innerHTML = (((100/imagesTotalCount) * imagesLoadedCount) << 0) + '%'; 
    if(imagesLoadedCount >= imagesTotalCount) { 
     setTimeout(function() { 
      if(!preloader.classList.contains('done')) { 
       preloader.classList.add('done'); 
      } 
     }, 1500); 
    } 
} 

}};

이 aproach를 사용하면 다운로드 할 모든 이미지를보고 비율을 계산할 수 있습니다. 하지만 css 및 js 개의 파일을 어떻게 계산합니까?

Answer 1

동일한 접근법을 사용할 수 있지만 document.scripts 및 document.styleSheets 컬렉션이 있습니다.