Inizio orologio tela
In questi capitoli costruiamo un orologio analogico usando HTML Canvas.
Parte V - Avvia l'orologio
Per avviare l'orologio, richiamare a intervalli la funzione drawClock:
JavaScript:
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);
Esempio spiegato
L'unica cosa che devi fare (per avviare l'orologio) è chiamare la funzione drawClock a intervalli.
Sostituire:
drawClock();
Con:
setInterval(drawClock, 1000);
L'intervallo è in millisecondi. drawClock verrà chiamato ogni 1000 millisecondi.