Repetir conjunto de funciones cada X segundos

[alberto510a]

Hola.

Imaginemos que tienes esto:

Código Javascript:

$( "#slide01" ).animate( { width: "700px" }, { queue: false, duration: 800 })
              $( "#slide02" ).animate( { width: "30px" }, { queue: false, duration: 800 })
              $( "#slide03" ).animate( { width: "20px" }, { queue: false, duration: 800 })
              $( "#slide04" ).animate( { width: "150px" }, { queue: false, duration: 800 })
 

Para que eso fuera una función tan solo tendríamos que ponerlo entre function():

Código Javascript:

function slidelink01(){
 
              $( "#slide01" ).animate( { width: "700px" }, { queue: false, duration: 800 })
              $( "#slide02" ).animate( { width: "30px" }, { queue: false, duration: 800 })
              $( "#slide03" ).animate( { width: "20px" }, { queue: false, duration: 800 })
              $( "#slide04" ).animate( { width: "150px" }, { queue: false, duration: 800 })
            
}
 

Bien, ahora hay 2 posibilidades setTimeOut (1 vez) setInterval (cada x tiempo) supongo que a ti te interesa más la segunda y que además comience a suceder tras la carga de la página:

Código Javascript:

$(document).ready(function(){
 
function slidelink01(){
              $( "#slide01" ).animate( { width: "700px" }, { queue: false, duration: 800 })
              $( "#slide02" ).animate( { width: "30px" }, { queue: false, duration: 800 })
              $( "#slide03" ).animate( { width: "20px" }, { queue: false, duration: 800 })
              $( "#slide04" ).animate( { width: "150px" }, { queue: false, duration: 800 })          
}
 
window.setInterval(slidelink01(),1000);
 
});
 

De esta forma hacemos que cuando cargue el documento se cree una función y que cada 1000 milisegundos (1 segundo) suceda esta misma.

Saludos.