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...
por en
in ,

9 comentarios:

  1. Unknown23 de septiembre de 2013, 20:42

    graciasss

    ResponderEliminar
  2. Apdesc Versiones18 de septiembre de 2015, 23:17

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

    ResponderEliminar
  3. Alejandro6 de octubre de 2015, 17:33

    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. joason6 de octubre de 2015, 20:32

      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
  4. Unknown4 de julio de 2017, 21:47

    puedes apoyare a que contenga minutos y segundos

    ResponderEliminar
  5. mike13 de noviembre de 2017, 18:55

    Gracias tio, justo lo que andaba buscando

    ResponderEliminar
  6. IGnacio4 de julio de 2018, 20:02

    Gracias. Justo lo que estaba buscando

    ResponderEliminar