Start zegara Canvas

Część piąta - Uruchomienie zegara

Aby uruchomić zegar, wywołuj funkcję drawClock w określonych odstępach czasu:

JavaScript:

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let promień = canvas.wysokość / 2;
ctx.translate(promień, promień);
promień = promień * 0.90
//drawClock();
setInterval(drawClock, 1000);

Spróbuj sam

Wyjaśnienie kodu

Wszystko, co musisz zrobić (uruchomienie zegara) to wywoływanie funkcji drawClock w określonych odstępach czasu.

Użyj:

setInterval(drawClock, 1000);

Zastąp:

drawClock();

Komentarz: Przerwa wyrażona w milisekundach. drawClock() jest wywoływane co 1000 milisekund.

Patrz również:

Pełne podręcznik Canvas CodeW3C.com