Grazie Andrea per la risposta, ma non mi abbandonare ancora, per favore...

Io avevo pensato ad un setTimeOut , ma non riesco a capire esattamente dove inserirlo per rallentare l'incremento delle variabili yello e orang ...

Avevo pensato anche al metodo di jquery .delay(1000) da mettere prima della fine del ciclo, ma niente...

Non ci sono proprio possibilità?

Oppure anche un sistema diverso che non sia un ciclo for per far sì che venga inserito il codice html con il metodo jquery .html() un pò alla volta, temporizzando appunto questo inserimento!

Il progetto è questo, detto in parole povere: devo costruire una Pie Chart (grafico a torta) con un plugin Jquery, ossia Peity, che sulla base dei valori passati con uno <span> costruisce il grafico a torta per mezzo dei <canvas> html... Una volta che la torta è fatta, AL CLICK sulla torta (tramite il plugin tappable) devo poter far muovere una sua porzione (quindi incrementandone il valore) dando la sensazione del movimento con la porzione di torta che si ingrandisce lentamente.

Vi prego, è davvero importante per me!