Redirecciones con Javascript

[narcecl]

Hola muy buenas a todos.
Estoy tratando de empezar con Javascript y me surgió hacer un tipo de auto refresh o una redirección cada cierto tiempo, pero lo particular que tiene esto es que es entre dos sitios.
Me explico, tengo un iframe y allí cargo un sitio, a los 5 segundos cargue otro en el mismo iframe, luego de 5 segundos más se devuelva al primer sitio y así, infinito.

Tengo este script pero no se repite la acción.
También me di cuenta, que a los 5 segundos pasa al otro sitio, sin importar si cargo o no :c

traté de guardarlo en jsFiddle pero no pude, este es el código.

Código:

var iframeElem = document.getElementById('iframe1Id');
iframeElem.src = "http://www.narce.cl";
setTimeout(function() {
var iframeWindow = window.iframe1Name;
iframeWindow.location.href = "http://www.croquisweb.cl";},5000);

<iframe name='iframe1Name' id='iframe1Id'></iframe>

[GeekGirl]

La acción no se repite porque estás usando setTimeout() el cual se ejecuta sólo una vez cuando se cumple el tiempo seteado. Si querés que la acción se repita, tenés que usar en su lugar setInterval() que se va a ejecutar infinitamente hasta que invoques un clearInterval().

En tu código no hay ninguna verificación para la carga del sitio, podrías ingresarlo dentro de un window.onload por ejemplo.

Saludos.

[narcecl]

Iniciado por GeekGirl

La acción no se repite porque estás usando [URL="http://www.w3schools.com/jsref/met_win_settimeout.asp"]setTimeout()[/URL] el cual se ejecuta sólo una vez cuando se cumple el tiempo seteado. Si querés que la acción se repita, tenés que usar en su lugar [URL="http://www.w3schools.com/jsref/met_win_setinterval.asp"]setInterval()[/URL] que se va a ejecutar infinitamente hasta que invoques un [URL="http://www.w3schools.com/jsref/met_win_clearinterval.asp"]clearInterval()[/URL].

En tu código no hay ninguna verificación para la carga del sitio, podrías ingresarlo dentro de un window.onload por ejemplo.

Saludos.

Hola, gracias por responder.
Entiendo lo que hace setInterval pero lo que está haciendo ahora es cada 5 segundos me devuelve al mismo sitio. La idea es que vaya en uno en uno, osea me muestre cada 5 segundos cada sitio.

Código:

var iframeElem = document.getElementById('iframe1Id');
iframeElem.src = "http://www.narce.cl";
setInterval(function() {
var iframeWindow = window.iframe1Name;
iframeWindow.location.href = "http://www.croquisweb.cl";},5000);

Algún dato?:(

[caricatos]

Hola:

Retocar las referencias es para liarse... lo que se cita de la respuesta, no aparece en la respuesta...

...De todos modos, si quieres alternar valores, deben ser variables y deben actualizarse en cada actualización... por ejemplo tener un array de enlaces, y en cada iteración modificar el índice.

Saludos

[narcecl]

lo siento:( pero como dije al principio no entiendo mucho de Javascript y estoy recién aprendiendo a programar en este lenguaje, así que no entendí nada de lo que me dijiste :/

[GeekGirl]

En tu código la url está puesta a mano. Si querés que no sea fija tenés que levantar el src dinámicamente, por ejemplo de un array como bien dijo caricator y luego indicarle el mismo en el setInterval. Por ejemplo:

Código Javascript:

// Creas un array con todos tus enlaces
var arraySrc = ['http://www.enlace1.com', 'http://www.enlace2.com', 'http://www.enlace3.com'];
 
// Defines la posición inicial
var arrayPos = 0;
 
setInterval(function() {
 
    // Verificas que el índice esté dentro de las posiciones de tu array
    if (arrayPos < arraySrc.length) {
        iframeWindow.location.href = arraySrc[arrayPos];
 
        // Incrementas uno para pasar al otro enlace cuando se repita el intervalo
        arrayPos++;
    } else {
        // Si se alcanzó la cantidad máxima, se vuelve a 0 para iterar desde el primer enlace, y si quisieras cortar el bucle simplemente podés hacer un clearInterval
        arrayPos = 0;
    }
},5000);
 

[narcecl]

aaah ya, entiendo como funciona el código.
está bien así?

Código:

var iframeElem = document.getElementById('iframe1Id');
var arraySrc = ['http://www.narce.cl', 'http://www.croquisweb.cl'];
var arrayPos = 0;
    setInterval(function() {
        if (arrayPos < arraySrc.length) {
            iframeElem.src = arraySrc[arrayPos];
            var iframeWindow = window.iframe1Name;
            arrayPos++;
        } else {
            arrayPos = 0;
        }
    },10000);

[narcecl]

También noté que la función empieza a correr a los 5 segundos, como está definida. pero antes de empezar también espera 5 segundos haciendo que cuando empieze denuevo espere esos 5 segundos haciendo que un sitio esté 10 segundos y otro 5s.

[GeekGirl]

Bueno te di la base y prácticamente todo resuelto. Investiga un poco por tu cuenta!

Saludos :)

[Alexis88]

Podrías tener esa función por fuera y ejecutarla una vez al momento de cargar la página y luego cada N segundos dentro del temporizador.

Código Javascript:

//Defino la función
function ejemplo(){
    //Instrucciones
}
 
//La ejecuto una vez al cargar la página
ejemplo();
 
//La ejecuto cada cierto tiempo con el temporizador
setInterval(ejemplo, tiempo);
 

Saludos