圖片預加載

定義:圖片預先加載到瀏覽器中,即先讓圖片下載到本地,然后在繼續(xù)執(zhí)行后續(xù)的操作

js實現(xiàn)圖片預加載

   //要加載的圖片
   var arr1 =['bg.png','cloud1.png','cloud2.png','wk1.png','wk2.png'];
  
   var  imgArr=[];//定義一個空數(shù)組保存加載完成的圖片
   var count =0;
   for(var i=0;i<arr1.length;i++){
      var newImg =new Image();
      newImg.onload=function(){
            count++;
            if(count==arr.length){
            console.log("圖片加載完成");
            }
      }
      newImg.src="img/"+arr1[i];
      imgArr.push(newImg);           
   }

進度條:h5新標簽

  <progress  value="20"  min="0"   max="100"></progress>
  value:進程的當前值
  min和max是進度完成的值
  
  設置值:
  progress.value 
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容