Start der Leinwanduhr
In diesen Kapiteln bauen wir eine analoge Uhr mit HTML Canvas.
Teil V – Starten Sie die Uhr
Um die Uhr zu starten, rufen Sie in Intervallen die Funktion drawClock auf:
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);
Beispiel erklärt
Das Einzige, was Sie tun müssen (um die Uhr zu starten), ist, die drawClock-Funktion in Intervallen aufzurufen.
Ersatz:
drawClock();
Mit:
setInterval(drawClock, 1000);
Das Intervall wird in Millisekunden angegeben. drawClock wird alle 1000 Millisekunden aufgerufen.