主要运用到img对象的complete属性,先看代码:
var myImg = document.getElementById("myimg");
function imgLoad(img, callback) {
var timer = setInterval(function() {
if (img.complete){
callback(img)
clearInterval(timer)
}
},50)
}
imgLoad(myImg,function(){
alert("图片加载完成");
myImg.style.width="100px";
myImg.style.height="100px";
});
图片加载完毕后会alert(“图片加载完成”),并设置图片的宽度和高度为100px