#007 clock

シンプルなアナログ時計を作成しました。「Date」オブジェクトから現在の時間を読み込み、針の角度に割り当てています。初めは針だけの時計で作ってみましたが、あまりに時間が分かりにくいのでデジタル時計も追加しました。
現在時間の取得にはそれぞれgetHours()、getMinutes()、getSeconds()を使用しています。1秒単位で秒針を回転させると360度/60秒で6度ずつ回転することになります。これだと、動きがぎこちなく見えるので、さらにgetMilliseconds()も使っています。これは0~999ミリ秒を取得することができ、6度/1000ミリ秒単位で、スムーズな回転にしています。(06.5.3)

back