problema con la creazione di gif con setInterval()

**matteo9** · 29-04-2016, 15:07

salve, ero intento a creare un rappresentazione a video sequenziali di 4 immagini quando durante l'esecuzione mi visualizza uno stack overflow qualcuno può darmi una mano?
qui di seguito il codice

codice:

<html>
<head>


    
<script language="Javascript">


var imm=0;
var limite = 5;


function cambia() {


if(imm==limite)
     {
         imm=0;
     }
document.getElementById("img1").src=""+imm+".jpg";
    imm++
  window.setInterval(cambia(),6000);  
}


</script>
</head>


<body onload="cambia()">
         <img src="1.jpg" id="img1">


</body>


</html>

**fcaldera** · 29-04-2016, 16:25

codice:

window.setTimeout(cambia ,6000);

E senza parentesi.
Inoltre non ti serve necessariamente una variabile da azzerare ad ogni ciclo: puoi usare il resto di una divisione per 4. Sarebbe meglio infine creare una referenza cacheata dell'elemento del DOM invece di accedervi ad ogni chiamata della funzione

codice:

var no_images = 4; // numero delle immagini [0.jpg ... 3.jpg]
var counter = 0;
var img = document.getElementById("img1");

function cambia() {
    img.src = (++counter % no_images) + ".jpg";
    window.setTimeout(cambia, 6000); 
}

**matteo9** · 29-04-2016, 18:11

in che senso creare una referenza cacheata dell'elemento del dom?

**ciro78** · 29-04-2016, 22:18

Ciao Matteo,
benvenuto sul forum. Ti invito a leggere il regolamento in particolare la sezione che riguarda tag code e titoli generici

Discussione: problema con la creazione di gif con setInterval()

Strumenti discussione

Ricerca discussione

Visualizza

problema con la creazione di gif con setInterval()

Permessi di invio