NorfiPC
NorfiPC » JavaScript » Tiempo conectado

Retrasar la descarga de archivos y mostrar contador en los enlaces



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



Indica que te gusta y comparte

Sígueme en las redes sociales


 
Inicio | Mapa del sitio | Buscar | Sobre mí