Start canvasklok
In deze hoofdstukken bouwen we een analoge klok met HTML Canvas.
Deel V - Start de klok
Om de klok te starten, roept u de functie drawClock met tussenpozen aan:
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);
Voorbeeld uitgelegd
Het enige dat u hoeft te doen (om de klok te starten) is de functie drawClock met tussenpozen aan te roepen.
Vervanging:
drawClock();
Met:
setInterval(drawClock, 1000);
Het interval is in milliseconden. drawClock wordt aangeroepen voor elke 1000 milliseconden.