Viasualizzazione di immagini in sequenza - Javascript

filippogaspari

Nuovo Utente
11 Mag 2016
4
0
1
Salve il mio problema è il seguente:
Al caricamento di una pagina html dovrei far comparire una dozzina di immagini in sequenza e casualmente. Il problema è che se eseguo un ciclo for con un setTimeout mi fa apparire solamente la prima immagine. Posto qua sotto lo script di codice.
Ringrazio in anticipo per eventuali aiuti.

Codice:
$(document).ready(function(){               var array = randomNum(12);
    appearImg(array);
});
        
function appearImg(array){
for(i=0;i<12;i++){
setTimeout(function(){$('#td-'+array[i]).animate({opacity:1},100)},500);
}
P.s. randoNum() è una funzione che mi restituisce una sequenza di n numeri ordinati in modo casuale.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, e se togli il setTimeout che fa ? al massimo togli il for e usa setInterval
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
prova con il setInterval ne carichi una ogni secondo,
Codice:
var i = 0;
var c = setInterval(function(){
    $('#td-'+array[i]).animate({opacity:1},100);
    if(i >= 12) {
         clearInterval(c);
    }
    i++;
},1000);
ho scritto di getto senza testare
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Di solito non le chiudiamo, qualcuno piu avanti potrebbe aver bisogno di qualche chiarimento.