HTML5 - Canvas でアナログ時計を描く｜及川WEB室↑この時計は、画像でもFlashでもありません。 HTML5の、Canvas を使って、アナログ時計を描いています。 現在の時間を示しています。 1秒ごとに関数を呼び出して、針が動くアニメーションとなるようにしています。 金属っぽく色をつけてみました。 文字盤に数字も付けました。 下記のサイトを参考にさせていただきました。ありがとうございます。 local MDC: 基本的なアニメーション [HTML5] Canvasを使ってアナログ時計を作成してみた - YoheiM.NET ソースコード Javascript // ページ読み込み時に init関数を実行 window.onload = function() { init(); }; // clock関数を１秒周期で繰り返す function init(){ clock(); setInterval('clock();',1000);
