Viasualizzazione di immagini in sequenza - Javascript

[filippogaspari]

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.

$(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]

Ciao, e se togli il setTimeout che fa ? al massimo togli il for e usa setInterval

 

[criric]

prova con il setInterval ne carichi una ogni secondo,

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]

Di solito non le chiudiamo, qualcuno piu avanti potrebbe aver bisogno di qualche chiarimento.