Startup of Canvas Clock

Vijfde deel - Start de klok

Om de klok te starten, roep de drawClock-functie elke bepaalde tijd aan:

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

Probeer het zelf

Codeverklaring

Al hetgeen u hoeft te doen (het starten van de klok) is de drawClock-functie oproepen na een bepaalde tijd.

Gebruik:

setInterval(drawClock, 1000);

Vervanging:

drawClock();

Aantekening: De intervaltijd wordt aangegeven in milliseconden. drawClock() wordt elke 1000 milliseconden aangeroepen.

See also:

Complete Canvas Reference Manual of CodeW3C.com