最新のWeb開発のチュートリアル
 

Canvasクロックスタート


これらの章では、HTMLキャンバスを使用したアナログ時計を構築します。


パート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ミリ秒のために呼び出されます。