NorfiPC
NorfiPC » JavaScript » Tiempo conectado

Retrasar la descarga de archivos y mostrar contador en los enlaces


Actualizado: 17 de noviembre del 2022
Por: Norfi Carrodeguas
Agregar función en JavaScript a las páginas, para pausar las descargas un tiempo determinado al dar clic, mostrando el intervalo trascurrido en segundos.
Retrasar la descarga de archivos y mostrar contador en los enlaces
Todos hemos visto que en los sitios de descargas gratis de archivos, hay que esperar cierto número de segundos para que comience la descarga.
El objetivo solo es mantener al usuario en la página, para mostrar publicidad y además para elevar el tiempo de estancia en las páginas y así mejorar el posicionamiento de dicho sitio.
Algo muy similar podemos implementarlo en nuestro sitio, si en algunas de las páginas ofrecemos archivos para descargar gratis.


Agregar función a los enlaces para pausar las descargas


Ejemplo de enlace de descarga
Presiona el siguiente enlace de descarga, para comprobar la funcionalidad que explico.
Descargar archivo
Para implementar el método anterior, solo necesitamos agregar un sencillo script que retrase el tiempo de la descarga y al mismo tiempo muestre un contador con el tiempo transcurrido en segundos.
Después de transcurrir el tiempo que determinemos, previamente (en este ejemplo de 30 segundos), automáticamente el navegador carga el archivo de descarga.


JavaScript para retrasar la descarga y mostrar contador en segundos


Usa el siguiente código y personalízalo de acuerdo a tus necesidades.
//Enlace de descarga  
<a href="javascript:setTimeout('descarg()',14000);window.setTimeout('getSecs()',2);void(0);">
Descargar archivo</a><br>

//Contenedor donde se escribe el mensaje
<div id="timespent"></div>

//script
<script>
mensaje = 'Espere por favor, la descarga de su archivo comenzar&#225; despues de los 15 segundos...';
startday=new Date();clockStart=startday.getTime();function initStopwatch(){var myTime=new Date();return((myTime.getTime()-clockStart)/1000);}
function getSecs(){var tSecs=Math.round(initStopwatch());var iSecs=tSecs%60;var iMins=Math.round((tSecs-30)/60);var sSecs=""+((iSecs>9)?iSecs:"0"+iSecs);document.getElementById('timespent').innerHTML=mensaje+'<br>'+sSecs;window.setTimeout('getSecs()',1000);}
function descarg() {
window.location.href=('https;//sitio.com/archivo.zip');}
</script>
Sustituye el contenido de texto de la variable "mensaje" o el valor en milisegundos que se debe esperar, en la función "setTimeout" que se inicia al presionar el enlace.
El estilo (color o tamaño de fuente) del contenedor de nombre "timespent", se puede personalizar con CSS.


Páginas relacionadas



Sobre el autor:

Norfi Carrodeguas es el fundador y webmaster del sitio web Norfipc, creado en el año 2010. Norfi es un ingeniero informático y desarrollador web cubano. Con más de 14 años de experiencia en la publicación en internet, comparte su tiempo con su consultoría SEO. Más información sobre el autor.

Comparta esta página
Facebook
Twitter

Sígueme en las redes sociales


Norfipc en Facebook Norfipc en Twitter Canales RSS con las últimas publicaciones

 
Inicio | Mapa del sitio | Buscar | Sobre mí