Canvas-kellon käynnistys

Viides osa - Aloita kello

Aloita kello kutsumalla drawClock-funktiota säännöllisin väliajoin:

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

Kokeile itse

Koodin selitys

Ainoa asia, jonka sinun täytyy tehdä (kello aloitus) on kutsua drawClock-funktiota säännöllisin väliajoin.

Käytä:

setInterval(drawClock, 1000);

Vaihtoehto:

drawClock();

Huomautus: Aikaväli millisekunneissa. drawClock() kutsutaan joka 1000 millisekunnin.

Katso myös:

CodeW3C.comin täydellinen Canvas-viittauskäsikirja