최신 웹 개발 튜토리얼
 

Canvas시계 시작


이 장에서 우리는 HTML 캔버스를 사용하여 아날로그 시계를 구축 할 수 있습니다.


제 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은 각각 1,000 밀리 초 동안 호출됩니다.