定义:图片预先加载到浏览器中,即先让图片下载到本地,然后在继续执行后续的操作
js实现图片预加载
//要加载的图片
var arr1 =['bg.png','cloud1.png','cloud2.png','wk1.png','wk2.png'];
var imgArr=[];//定义一个空数组保存加载完成的图片
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