Canvas 시계 시작

제5부 - 시계 시작

시계를 시작하려면 drawClock 함수를 일정 시간 간격으로 호출하십시오:

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

직접 시도해 보세요

코드 설명

당신이 해야 할 유일한 일(시계 시작)은 drawClock 함수를 일정 시간 간격으로 호출하는 것입니다.

사용:

setInterval(drawClock, 1000);

대체:

drawClock();

주석: 밀리초 단위로 간격을 설정합니다. 1000 밀리초마다 drawClock()를 호출합니다.

다른 참조:

CodeW3C.com의 완전한 Canvas 참조 매뉴얼