Cargador durante 5 segundos

[salbatore]

Hola, foreros:

Es maravilloso esto del AJAX, jeje, cada dia me sorprende mas. Bueno, al tema, mi duda es si se puede hacer un cargador que dure unos segundos. Mirar el cargador que utilizo:

Código HTML:

if (ajax.readyState==1){
document.getElementById('capa').innerHTML = '<img src="loader.gif" />';} 
if (ajax.readyState==4)

¿Puedo hacer que muestre la imagen como poco 5 segundos?

[JavierB]

Mensaje movido al foro de AJAX desde Javascript.

Saludos,

[GatorV]

Hola salbatore,

Usa window.setTimeout para mostrar tu imagen y al terminar los 5000 mili segundos se oculte.

Saludos.

[salbatore]

Hola de nuevo...

Siento ser tan paquete, pero no se como hacerlo. Se que es de muy aprobechado pedirlo, pero... ¿puede ayudarme a editar el codigo?

Código:

if (ajax.readyState==1){
document.getElementById('capa').innerHTML = '<img src="loader.gif" />';}

Ya siento no saber... pero poco a poco ya voy para delante...

[clodoviro]

No es muy complicado..

Código:

if (ajax.readyState==1){
document.getElementById('capa').innerHTML = '<img src="loader.gif" />';
window.setTimeOut(function(){ document.getElementById('capa').innerHTML = ""; },5000)
} 
if (ajax.readyState==4)

con el timeout bastará...lo que no me acuerdo si es así la sintáxs concretamente.

[clodoviro]

si quieres otra versión:

http://www.cristalab.com/tutoriales/178/precarga-preloader--en-ajax

[salbatore]

Hola de nuevo...

Ok!, ahora mismo lo utilizo...

Muchisimas gracias!!.