Colección de citas famosas - Slogan de motivación - Cuando hay muchas imágenes html, ¿cómo abrir la página primero y luego cargarla lentamente?
Cuando hay muchas imágenes html, ¿cómo abrir la página primero y luego cargarla lentamente?
lt;!DOCTYPE?HTMLgt;
lt;htmlgt;
lt;headgt;
lt;titlegt;Página?Titlelt ;/titlegt;
lt;meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"?/gt;
lt;scriptgt;
onload?=?function()?{
var?imgs?=?document.querySelectorAll("img");
consola .log("Cargando...");
for?(var?i?=?0;?i?lt;?imgs.length;?i )?{
var?img?=?imgs[i];
(función(i)?{
setTimeout(función()?{
img. src ?=?"a"? ?i? ?".jpg";
img.onload?=?function(){
if(i?==?imgs. longitud ?-?1){
console.info("Carga completada");
}
}
img.onerror ? =?function(){
console.error("Error de carga");
}
},?2000?*?i);< / p>
})(i);
}
}
lt;/scriptgt;
lt;/ headgt ;
lt;bodygt;
lt;img?/gt;
lt;img?/gt;
lt; ?/gt;
lt;img?/gt;
lt;/bodygt;
lt;/htmlgt;