Gli ultimi tutorial di sviluppo web
 

Canvas orologio di partenza


In questi capitoli si costruisce un orologio analogico utilizzando HTML Canvas.


Parte V - avviare l'orologio

Per avviare l'orologio, chiamare la funzione drawClock a intervalli:

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);
Prova tu stesso "

esempio spiegato

L'unica cosa che devi fare (per avviare l'orologio) è quello di chiamare la funzione drawClock a intervalli.

Sostituire:

drawClock();

Con:

setInterval(drawClock, 1000);

L'intervallo è in millisecondi. drawClock sarà chiamata per ogni 1000 millisecondi.