Canvas Klok Begin


In hierdie hoofstukke bou ons 'n analoog horlosie met HTML Canvas.


Deel V - Begin die klok

Om die horlosie te begin, roep die drawClock-funksie met tussenposes:

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 Verduidelik

Die enigste ding wat jy hoef te doen (om die klok te begin) is om die drawClock-funksie met tussenposes te bel.

Plaasvervanger:

drawClock();

Met:

setInterval(drawClock, 1000);

Die interval is in millisekondes. drawClock sal vir elke 1000 millisekondes geroep word.