Loop javaScript

[jesbroo]

Salve a tutti!

Scusate la domanda sciocca, ma come faccio a far girare una funzione javaScript all'infinito?

per esempio questo pezzo di codice:
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#id").animate({right:"+=200px"
},'slow');
$("#id").animate({bottom: "+=200px"
},'slow');
$("#id").animate({left: "+=200px"

},'slow');
$("#id").animate({top: "+=200px"

},'slow');

});
});
</script>

[Vindav]

devi usare una funzione ricorsiva https://msdn.microsoft.com/it-it/lib...(v=vs.94).aspx

puoi anche provare con setInterval o setTimeout http://www.w3schools.com/js/js_timing.asp

[fermat]

scusa ma la funzione in pratica imposta un veneto su un bottone, giusto?
che senso ha impostare un loop infinito su una cosa del genere??

[jesbroo]

non ha un senso in particolare, voglio solo capire come si fa

[fermat]

non ha un senso in particolare, voglio solo capire come si fa

si ma nn ha senso applicare un loop al tuo esempio.
hai impostato un evento su un id #btn, fine.
che loop vorresti fare?
o cosa vorresti ottenere?

se vuoi capire come eseguire un loop con javascript o jquery, questo non è l'esempio giusto.
questo intendevo dire!

questo potrebbe essere un esempio banale:

while (true)  {
      myFunction();
}

oppure:

for (;;) {
      myFunction();
}

oppure ancora guarda qua: http://www.w3schools.com/js/tryit.as...iming_infinite

[Vindav]

a me pare abbia senso, vuole ripetere l'animazione all'infinito, la prima volta l'animazione viene lanciata da bottone

Una soluzione potrebbe essere questa:

$("#btn1").click(avviaAnimazione);

function avviaAnimazione(){
$("#id").animate({right:"+=200px"
},'slow');
$("#id").animate({bottom: "+=200px"
},'slow');
$("#id").animate({left: "+=200px"

},'slow');
$("#id").animate({top: "+=200px"

},'slow', avviaAnimazione);

)

[fermat]

a me pare abbia senso, vuole ripetere l'animazione all'infinito, la prima volta l'animazione viene lanciata da bottone

Una soluzione potrebbe essere questa:

$("#btn1").click(avviaAnimazione);

function avviaAnimazione(){
$("#id").animate({right:"+=200px"
},'slow');
$("#id").animate({bottom: "+=200px"
},'slow');
$("#id").animate({left: "+=200px"

},'slow');
$("#id").animate({top: "+=200px"

},'slow', avviaAnimazione);

)

ah ok, si in questo modo si.
non avevo capito bene cosa voleva ottenere.

[jesbroo]

Grazie mille a tutti!
e grazie Vindav per la comprensione!

[CorsoJavascript]

+1 per setInterval, tenere occupato l'event loop in continuazione rallenta pesantemente l'esperienza utente sulla pagina