HTML5のCanvasを使って、アナログ時計を実装しました。このページ右上に表示されている(はずの)アナログ時計がそれです。CanvasではビットマップイメージをJavaScriptで描画する事が可能で、JavaScriptのタイマーで定期的に描画することで時計の針が動く様子を再現しました。時計の文字盤や針の描画点を計算するのに、ちょっとだけサイン/コサインを利用しました。これくらいの小さな領域を1秒毎に描画し直すくらいの負荷なら、どのデバイスでも動きそうな気がします。以下にソースコードも公開したいと思います。定期的に呼び出すことで、アナログ時計の動きを表現する。各種情報を変数に格納する。Canvasの色やフォントを指定する。Canvasに表示している内容をクリアする。時計盤の文字列を描画する。現在時刻を取得して、針の角度(radian)を求める。求めた角度から線を引く座標を計算する。