定義:圖片預先加載到瀏覽器中,即先讓圖片下載到本地,然后在繼續(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