array, variabili undefinied

[Saveh]

Buongiorno, ho creato uno script che dovrebbe cambiare automaticamente il contenuto di <h1>, leggendo dei valori da un array.. il problema e` che le variabili vengono restituire come undefinied (provando con alert al posto di text)

$( document ).ready(function(){

function h1changer(i) {

var h1 = new Array("HELLO", "HOWDY", "AIGHT", "BRUV");
var x = h1.length;

for (var i = 0; i < x; i++) {


setTimeout(function() {
$('h1').text(h1[i]);
}, 2000);

}

}

h1changer();

});


qualche idea ?

[Vindav]

perche quel setTimeout?

[Saveh]

per far si che cambi il contenuto di <h1> ogni 2 secondi

[Vindav]

una soluzione potrebbe essere questa:

var h1 = new Array("HELLO", "HOWDY", "AIGHT", "BRUV");
var x = h1.length-1;
i = 0;
(function h1changer() {
$('h1').text(h1[i]);
  if (i < x) i++;
  else i = 0;
setTimeout(h1changer,2000);
})();

[Saveh]

funziona! grazie mille!

Ma cosa sbagliavo ? come mai lo script non riusciva a leggere i valori dell'array ? e il -1 dopo il valore di x.lenght per cosa sta?

[Vindav]

quando viene lanciata la funzione definita in setTimeout sono passati 2 secondi, il ciclo è già terminato e la variabile i è valorizzata con 4. Nell'array sono definiti 4 elementi(da 0 a 3) quindi l'elemento con indice 4 è sempre undefined.