In diesen Kapiteln bauen wir eine analoge Uhr mit HTML-Canvas.
Teil V - Starten Sie die Uhr
Um die Uhr zu starten, rufen Sie die drawClock Funktion in Intervallen:
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);
Versuch es selber " Beispiel erklärt
Das einzige, was Sie zu tun haben (die Uhr zu starten) ist die drawClock Funktion in Abständen aufzurufen.
Ersatz:
drawClock();
Mit:
setInterval(drawClock, 1000);Das Intervall wird in Millisekunden angegeben. drawClock für jeweils 1000 Millisekunden aufgerufen werden.