Canvas-Uhr-Start

Fünftes Kapitel - Starten der Uhr

Um die Uhr zu starten, rufen Sie die drawClock-Funktion in bestimmten Abständen auf:

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);

Probieren Sie es selbst aus

Code-Explainierung

Das Einzige, was Sie tun müssen (Starten des Uhren), ist, dass Sie drawClock-Funktion in bestimmten Abständen aufrufen.

Verwenden:

setInterval(drawClock, 1000);

Ersetzen:

drawClock();

Kommentar: Der Abstand wird in Millisekunden angegeben. drawClock() wird alle 1000 Millisekunden aufgerufen.

Weitere Informationen:

Vollständiges Canvas-Referenzhandbuch von CodeW3C.com