[SOLUCIONADO] set Timeout infinito

[Eifos]

Mi duda es la siguiente:
tengo tres circulos y quiero que cada determinado tiempo cambien de color , al final de que el tercer circulo cambie de color, necesito que el efecto vuelva a comenzar y asi mientras el usuario permanezca en la pagina.

Este es el codigo que estoy manejando

Código Javascript:

$(document).ready(function(){
      setTimeout( "jQuery('#circulo1').css('background-color', '#992020');",3000 );
      setTimeout( "jQuery('#circulo1').css('background-color', '#FDB810');",6000 );
      setTimeout( "jQuery('#circulo2').css('background-color', '#992020');",6000 );
      setTimeout( "jQuery('#circulo2').css('background-color', '#FDB810');",9000 );
      setTimeout( "jQuery('#circulo3').css('background-color', '#992020');",9000 );
      setTimeout( "jQuery('.circulo').css('background-color', '#FDB810');",12000 );
      
});
 

Gracias

[Eifos]

ya lo solucione !

Código Javascript:

timer = setTimeout('temporizador()', 4000);
 
function temporizador() {
 
$(document).ready(function() {
 
$("#circulo1").css("background-color", "#992020");
 
timer = setTimeout("temporizador2()", 2000);
 
});
 
}
 
function temporizador2() {
 
$(document).ready(function() {
 
$("#circulo1").css("background-color", "#FDB810");
$("#circulo2").css("background-color", "#992020");
 
timer = setTimeout("temporizador3()", 2000);
 
});
 
}
 
function temporizador3() {
 
$(document).ready(function() {
 
$("#circulo2").css("background-color", "#FDB810");
$("#circulo3").css("background-color", "#992020");
 
timer = setTimeout("temporizador4()", 2000);
 
});
 
}
 
function temporizador4() {
 
$(document).ready(function() {
 
$(".circulo").css("background-color", "#FDB810");
 
timer = setTimeout("temporizador()", 2000);
 
});
 
}
 

Gracias por su tiempo