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…

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