キャンバスクロックスタート


これらの章では、HTMLCanvasを使用してアナログ時計を作成します。


パートV-時計を開始します

時計を開始するには、次の間隔でdrawClock関数を呼び出します。

JavaScript:

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ミリ秒ごとに呼び出されます。