[javascript] numero ad incremento progressivo

gleenk

[javascript] numero ad incremento progressivo

Ciao...
Come faccio a fare in modo che, in ciclo for, ad ogni ciclo mi venga scritto il valore e non mi venga mostrata la stringa con tutti i valori?
L'idea di fondo è quella di vedere un numero che aumenta di 1 ogni secondo...
grazie

sto usando jquery e ho scritto ciò ma non funza:
[php]<script>
$(document).ready(function () {
setInterval("incrementa()", 1000);
});

function incrementa(){
for (indice=0;indice<100;indice++){
$('span.counter span').remove();
$('span.counter').append('<span>'+indice+'</span>');
}
}
</script>[/php]

ayrton2001

Ciao gleenk,
la funzione incrementa viene richiamata?

gleenk

ciao ayrton
cioè? in che senso?

ayrton2001

Hai provato per esempio a mettere un alert dentro la funzione incrementa in modo tale da verificare che venga effettivamente richiamata dalla funzione setInterval?

gleenk

Ciao ayrton. con l'alert funziona, il problema è il remove, anzichè mostrarmi il ciclo mi stampa direttamente 100

ayrton2001

@gleenk said:

Ciao ayrton. con l'alert funziona, il problema è il remove, anzichè mostrarmi il ciclo mi stampa direttamente 100
E' corretto. Il codice fa questo.
Scrive 1 e lo elimina, scrive 2 e lo elimina fino a 100 senza infine eliminarlo.

gleenk

Ok, e come faccio a fare in modo che però queste fasi vengano mostrate e non venga mostrata solo l'ultima? cioè come posso fare:

rimuovi
stampa (attendi 0.5secondi)
rimuovi ecc...

ayrton2001

Cosi (non l'ho testata):


<script>
$(document).ready(function () {
for (indice=0;indice<100;indice++){
    setInterval(function() { incrementa(indice); }, 500);
}
});

function incrementa(indice){
        $('span.counter span').remove();
        $('span.counter').append('<span>'+indice+'</span>');   
}
</script>

gleenk

niet, esce sempre 100... uffffff

ayrton2001

Prova cosi:


<script>
$(document).ready(function () {
var indice = 1;
    setTimeout(function() { incrementa(indice); }, 500);
});

function incrementa(indice){
        $('span.counter span').remove();
        $('span.counter').append('<span>'+indice+'</span>');
if(indice<=100) {
indice++;
setTimeout(function() { incrementa(indice); }, 500);
}
}
</script>

gleenk

Siiiiiiiiiiiiiiiiii mitico ayrton!
ma dannazione xè così va? XD

ayrton2001

@gleenk said:

Siiiiiiiiiiiiiiiiii mitico ayrton!
ma dannazione xè così va? XD

Perché il for viene eseguito in millesimi di secondo (da 1 a 100) dunque ad occhio si vedeva solo l'effetto dell'ultimo for (il 100°)
In questo modo invece, con il setTimeout(), ogni volta che viene eseguita la funzione incrementa si attendono 0,5 secondi e poi viene richiamata nuovamente fino a quando indice non è maggiore di 100.