Recomendado

Las mejores ofertas del Black Friday en Hormiguitas Ahorradoras

lunes, 26 de agosto de 2013

Redirección con contador en javascript

Cuando necesitamos redireccionar una página a otra una forma sencilla de hacerlo es mediante la meta-etiqueta:


  1.  <meta HTTP-EQUIV="Refresh" CONTENT="10; URL=http://www.google.es" />




hoy os dejo una forma mas curiosa para redireccionar una página web y que el visitante vea la cuenta atrás para ser redireccionado.





  1.  <body>  
  2. <script language="javascript"> 
  3. //creado por https://joason.com
  4.  var segundos = 10; //Segundos de la cuenta atrás 
  5.     function tiempo(){  
  6.   var t = setTimeout("tiempo()",1000);  
  7.   document.getElementById('contenedor').innerHTML = 'Será redireccionado en '+segundos--+" segundos.";  
  8.   if (segundos==0){
  9.         window.location.href='http://www.google.es';  //Págiana a la que redireccionará a X segundos
  10.   
  11.    clearTimeout(t);  
  12.   }  
  13.  }  
  14.  tiempo()
  15.     </script> 
  16.     <div id="contenedor">
  17. </div>
  18. </body>







Espero que os sea de utilidad.




Un saludo...

9 comentarios:

  1. Execelente, lo utilicé en apdesc.com al momento de una descarga.

    ResponderEliminar
  2. hola ya utilice tu codigo y funciona muy bien solo que tengo un problemita, en IE si lo utilizo tal cual me lnza un error al llamar al div, pero aun asi funciona, pero si pongo el codigo javascript despues de los div funciona correctamente pero el contador decrementa de dos en dos.. que podra estar pasando?

    lo primero solo me pasa en IE lo de decrementar de 2 en 2 me pasa en todos los navegadores

    ResponderEliminar
    Respuestas
    1. Hola Alejandro, decirte que los script nunca los pruebo en IE, pues es un navegador al que no le presto mayor atención, ten en cuenta que si en tu web usas mucho javascript te puede dar problemas entre las variables y las funciones de otros códigos, si ves que no das con el error y quieres me pasas la url y le hecho un ojo.


      Un Saludo..

      Eliminar
  3. puedes apoyare a que contenga minutos y segundos

    ResponderEliminar
  4. Gracias tio, justo lo que andaba buscando

    ResponderEliminar
  5. Gracias. Justo lo que estaba buscando

    ResponderEliminar