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のコレクションがあります。