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 .

?
1
2
3
4
5
6
7
8
9
10
11
<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:

?
1
2
3
4
5
<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.