HTML, CSS, Javascript. Un metodo di studio

Animazione del pallino
Scrivere un documento HTML per la visualizzazione di un pallino che, tramite un programma JavaScript, cambi continuamente colore.

Analisi del processo risolutivo
Si devono innanzitutto creare le differenti immagini del pallino (.ad esempio un’immagine con il pallino di colore rosso, una con il pallino di colore verde ecc.) e inserirle in un array. Il documento HTML deve inoltre contenere un elemento IMG inizializzato ad una delle immagini del pallino (quella che verrà visualizzata appena il documento viene caricato in memoria).
L’alternanza del colore del pallino si ottiene da una combinazione di setTimeout() e dalla modifica della proprietà SRC dell’elemento IMG.
La funzione carica() infatti, richiamata da setTimeout(), è responsabile della modifica della proprietà SRC e dell’assegnamento di un’altra immagine presa dall’array. Ad ogni chiamata di carica() si assegna così un’immagine diversa incrementando semplicemente l’indice dell’array.

Scarica l'esercizio svolto