캔버스 시계 시작


이 장에서는 HTML Canvas를 사용하여 아날로그 시계를 만듭니다.


파트 V - 시계 시작

시계를 시작하려면 다음 간격으로 drawClock 함수를 호출하십시오.

자바스크립트:

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);

예시 설명

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

대리자:

drawClock();

와 함께:

setInterval(drawClock, 1000);

간격은 밀리초 단위입니다. drawClock은 1000밀리초마다 호출됩니다.