Avvio dell'orologio Canvas

Parte quinta - Avviare l'orologio

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

JavaScript:

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);

Prova a farlo tu stesso

Spiegazione del codice

Tutto ciò che devi fare (avviare l'orologio) è chiamare la funzione drawClock a intervalli regolari.

Usare:

setInterval(drawClock, 1000);

Sostituzione:

drawClock();

Commento: l'intervallo è espresso in millisecondi. drawClock() viene chiamato ogni 1000 millisecondi.

Vedere anche:

Manuale completo di Canvas di CodeW3C.com