１秒ごとにイベントを発生させる

シンプルに書くとこんなプログラムになります。ただ実際には、１秒といっても誤差が発生してしまい、例えば"0.99秒"の次に"2.01秒"のように1.02秒しかたっていないのに、秒以下が切り捨てられて２秒進んでしまう時があります。

図：誤差の出る例

そこで、一つ前の状態を管理する変数を用意して、違いが発生したらイベントを発生させるようにします。

針のアニメーション

秒針と60秒で360度になるので、1秒=360/60=6度となるように角度を調節します。

長針も秒針と同様に、1分=360/60=6度となるように角度を調節します。

短針は１時の２時の間の状態もないと不自然なので、時間だけでなく分も考慮して角度を決定します。「現在の"時"を12で割った余り」は、１時と１３時をどちらも１時とするようにしています。

針のコスチュームは、文字盤の中心になる位置が真ん中になるようにデザインします。