Blog Reacción Estudio

¡Tu zona de aprendizaje!

Cuenta atrás para descargar un archivo con Javascript

Seguramente habréis visto en muchos sitios web de descargas de archivos, que a la hora de comenzar la descarga, alomejor nos hacen esperar 30 segundos. Esto sirve para evitar una avalancha de descargas y evitar que se sature el servidor. El código javascript es el siguiente:

Entre las etiquetas .

    <script language="javascript">  
    function timer(){  
		var t=setTimeout("timer()",1000); 
		document.getElementById('contador').innerHTML = 'Su descarga comenzar&aacute; en '+i--+" segundos.";  //La cuenta atrás
		if (i==0){
			document.getElementById('contador').innerHTML = '<a href="#">DESCARGAR</a>'; //El enlace que aparecerá después de la cuenta atrás 
			clearTimeout(t);  
		}  
	}  
	i=10;  
    </script>

El cuerpo de la página tiene que contener lo siguiente:

    <body onload="timer()">  
      
    <div id="contador"></div>
      
    </body> 

Aquí podéis ver la DEMO.

Como veis un código muy sencillito para usar y personalizar.

  • Edward

    Muchas gracias, me ha sido muy util, era lo que estaba buscando, y tarde bastante en encontrarlo…

  • http://www.id5777563.sexyxkww.website JAGC96

    muy bueno y todo lo demás, pero como hacer para que el contador no se mueva si se cambia de pestaña o deja de verse el contador ?

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies.     ACEPTAR