Salve a tutti...

Vi prego di aiutarmi: per me è davvero importante!

Allora, io ho un ciclo for che incrementa 2 variabili 15 volte affinchè ne vengano inseriti i valori all'interno del codice html, che viene sostituito con il metodo .html() nel div selezionato tramite jquery.

Quello che vorrei e non riesco proprio a fare è quello di temporizzare il ciclo for, in modo tale che passino un tot di secondi tra l'uno e l'altro dei 15 cicli.

Così facendo potrei costruire quella porzione di codice html (che disegna un grafico a torta in canvas) 15 volte con valori differenti, ma con tempi più lunghi della macchina, dando l'impressione del movimento nell'ingrandimento di una porzione del grafico a torta.

Ho importato la libreria jquery, un suo plugin tappable, che serve per simulare il click negli schermi touch, ed un altro denominato "peity", che serve a creare grafici a torta.

Ecco il codice dello script:

codice:
 

<script type="text/javascript"> 
   $(".pie").peity("pie", {     colours: ["blue", "yellow", "orange"], diameter: 350   });      </script> 

<script type="text/javascript">      
  $("#tappable").tappable( function() {     
 var yello=15;   
 var orang=60;      
for (i=0;i<15;i++)  { 
  yello=yello+1;
  orang=orang-1;   
  $("#piechart").html("<span class='pie'>25," + yello + "," + orang + "</span>");
  $(".pie").peity("pie", {     colours: ["blue", "yellow", "orange"], diameter: 350   }); 
 }
    });      
</script>
Per me è importante, vi prego di darmi una mano, per favore! Non sono riuscito a trovare niente sulla temporizzazione di un ciclo for!