como cambiar link de ads cada 5 segundos

[daimaku]

hola tengo una pagina web donde quiero mostrar algunos links de amazon associates, pero quiero que el link cambie cada 5 segundos

consegui un codigo javascript que cambia las imagenes cada 5 segundos e intente adaptarlo a mis necesidades, pero no tengo la menor idea de como hacer que javascript muestre el link <a....... /a>

el codigo que consegui es el siguiente:

Código:

<script type="text/javascript">
    $(function(){
        
        var dataArray=new Array();
        dataArray[0]="<a link and image from amazon />";
        dataArray[1]="<a link and image from amazon />";
        dataArray[2]="<a link and image from amazon />";
        dataArray[3]="<a link and image from amazon />";

        //start with id=0 after 5 seconds
        var thisId=0;

        window.setInterval(function(){
            (aqui debe ir el codigo para mostrar la variable dataArray respectiva)
            thisId++; //increment data array id
            if (thisId==3) thisId=0; //repeat from start
        },5000);        
    });
</script>

alguien puede ayudar a resolver este pequeño problema ? pase toda la tarde de hoy buscando en google y no logre conseguir nada que me ayudara.

gracias por su ayuda y colaboracion, saludos.

[Alexis88]

Lo que debes de guardar en el array son las direcciones y en el documento tendrías un enlace al cual le cambiarías la dirección.

Código HTML:

<a id = "foo">Enlace</a>
 

Código Javascript:

//Cuando haya cargado la página, se ejecutarán las instrucciones
document.addEventListener("DOMContentLoaded", function(){
    var enlace = document.getElementById("foo"), //El enlace
        rutas = ["ruta1.html", "ruta2.html", "ruta3.html", "rutaN.html"], //Las rutas
        total = rutas.length, //El total de rutas
        contador = 0, //La variable contadora
        cambio = function(){ //La función que realizará el cambio de ruta de forma cíclica
            contador = contador == total - 1 ? 0 : ++contador; //Actualizamos la cuenta
            enlace.href = rutas[contador]; //Asignamos la nueva ruta
        };
 
    //Solo la primera vez (cuando cargue la página) se asignará la primera ruta
    enlace.href = rutas[contador];
 
    //La función "cambio" se ejecutará cada 5 segundos
    setInterval(cambio, 5000);
}, false);
 

Saludos

[daimaku]

muchas gracias, voy a probarlo a ver que tal, estare colocando que tal me fue con el codigo, saludos y gracias de nuevo.

[Alexis88]

Y solo si quisieras cambiar no solo la ruta sino también el texto que se ve en el enlace, te convendrías trabajar con objetos, los cuales poseerían dos propiedades; ruta y texto, y cada objeto sería un elemento del array.

El array tomaría esta forma:

Código Javascript:

rutas = [
    {
        ruta: "ruta1.html",
        texto: "Enlace de la ruta 1"
    },
    {
        ruta: "ruta2.html",
        texto: "Enlace de la ruta 2"
    },
    {
        ruta: "ruta3.html",
        texto: "Enlace de la ruta 3"
    },
    {
        ruta: "rutaN.html",
        texto: "Enlace de la ruta N"
    },
],
 

La línea de código de la función en la que se asigna el nuevo enlace, cambiaría por esto:

Código Javascript:

enlace.href = rutas[contador].ruta;
enlace.innerHTML = rutas[contador].texto;
 

Y la línea de código que se ejecuta cuando haya cargado la página, sería exactamente como lo anterior.

Saludos