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.