Con este sencillo script podemos ejecutar una función para que una página web se redireccione automaticamentea a otra dirección web, tan solo tenemos que seguir dos pasos y con ocho sencillas lineas de código y una llamada a la función en la etiqueta <body>, tendremos lista la función que se ejecutará cada vez que un usuario entre a la página, redireccionando al usuario a la dirección que queramos.
Abrimos el documento con un editor y justo debajo de <head>, pegamos el siguiente código:
<meta content='3; URL=https://didesweb.com/' HTTP-EQUIV='Refresh'/>
<script language='JavaScript'>
var pagina="https://didesweb.com/"
function redireccionar() {
location.href=pagina
}
setTimeout ("redireccionar()", 500);
</script>
Solo tienes que cambiar la url https://didesweb.com/ por la url a la que quieras redireccionar tu web
Importante, llamar a la función
Buscamos la etiqueta <body> y la sustituimos por esta otra:
<body onLoad='redireccionar()'>
Cerramos el documento guardando los cambios y listo
Redireccionar con temporizador
Insertar un temporizador en un documento web que va a ser redireccionado a otro sitio puede ayudar a los usuarios a entender que está pasando antes de que vaya a ser redireccionado, mediante este script podemos ejecutar una función para que una web se redireccione a otra dirección pasando unos determinados segundos.
Creamos un documento Html 5, dentro del body pegamos el siguiente script.
var contador = 10;
var redirecciona = "https://www.didesweb.com/";
function temporizador(){
var mensaje = document.getElementById("mensaje");
if(contador > 0){
contador--;
mensaje.innerHTML = contador + " segundos.";
setTimeout("temporizador()", 1000);
}else{
window.location.href = redirecciona;
}
}
La variable “contador” establece el número de segundos que van a pasar antes de redireccionar al sitio web.
La variable “redirecciona” indica la url a la que se va a redireccionar el sitio web.
Ahora creamos los elementos para mostrar el mensaje, anteriormente hemos creado una variable “mensaje” igual a document.getElementById(“mensaje”), por lo tanto lo más importante es crear un elemento con id=”mensaje”, en este elemento se va a mostrar el mensaje y los segundos restantes que faltan para redireccionar.
<span id="mensaje">
<script type="text/javascript">temporizador();</script>
</span>
En el mensaje se va a mostrar “x segundos”, ahora creamos el resto del contenido, un texto antes de mostrar la función temporizador() y una imagen animada que simule el progreso de una tarea.
Valoraciones
Sé el primero en valorar