众所周知,新用户进到一个程序前一定要加载资源文件从而缓存下来以便下次快速访问,以下以加载图片为例,大家一起学习参考:
//要传参数:开始索引,最大加载数
function loading(index=1,maxlength){
imglist[index] = new Image();
imglist[index].src = 'picture/'+ index +'.png';
imglist[index].onload = function(data){
console.log(`加载第${index}个,数据${data}`);
document.innerHTML = '加载中...\n'+(1.33*index)+'%'; //加载进度
if(index<maxlength){index++;loading(index)}else{//加载完毕,这里写你要执行的方法}
}
}
loading(1,100);