js 백분율 로 페이지 로드 진 도 를 표시 합 니 다.

716 단어 js
물건 을 만 들 때 페이지 의 백분율 을 표시 하 는 로 딩 진 도 를 만 났 습 니 다. 그러나 안에 있 는 그림 이 비교적 많 습 니 다. 다른 사람의 코드 를 보고 나 서 야 그림 의 로 딩 을 통 해 로 딩 의 백분율 을 표시 할 수 있다 는 것 을 생각 하고 필 기 를 할 수 있 습 니 다.
html:
<span id="percent"></span>


js:
  function perFun(){

      var imgs = document.getElementsByTagName("img");

      var len = 0;

      var percent = document.getElementById("percent");

      for(var i=0; i<imgs.length; i++){

        (function(i){

          imgs[i].onload = function(){

            len ++;

            percent.innerText = Math.round(len*100/imgs.length);

          }

        })(i);

      }

   }

   perFun();


좋은 웹페이지 즐겨찾기