Muchas veces requerimos que una página se redirija a otra automáticamente por ejemplo para mostrar mensajes del tipo «esta página no esta disponible», «estamos en mantenimiento», «hemos cambiado a la siguiente direccion, por favor espere unos segundos para ser redirigido», etc.
Es muy fácil crear este tipo de mensajes, primero debemos hacer que se llame al cargar la página web, para eso usamos un código como este:
1 | <body onLoad="redireccionar()"> |
Y ahora faltaría crear la función que redirija nuestra página web, que sería algo como esto en nuestro encabezado:
1 2 3 4 5 | <script language="JavaScript"> function redireccionar() { setTimeout("location.href='http://www.miweb.com'", 5000); } </script> |
El comando setTimeout nos permite que transcurrido un tiempo, en este caso 5000 milisegundos (5 segundos) se produzca la redirección.
Actualización automática de la página
En este caso vamos a usar otro comando dentro del setTimeout
1 | setTimeout('document.location.reload()',10000); |
En este caso se actualizará automáticamente cada 10 segundos
Regresar a la página anterior
Si quisieramos mostrar un mensaje y que luego se dirija a la página anterior sería
1 | setTimeout('history.back()',10000); |