Canvas klocka start

Femte delen - Starta klockan

För att starta klockan, anropa drawClock-funktionen vid en viss tid:

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

Prova själv

Kodförklaring

Det enda du behöver göra (starta klockan) är att anropa drawClock-funktionen vid en viss tid.

Använd:

setInterval(drawClock, 1000);

Ersättning:

drawClock();

Kommentar: Intervall i millisekunder. drawClock() anropas varje 1000 millisekunder.

Se också:

Komplett Canvas referenshandbok på CodeW3C.com