放送っぽい？時計を作る

完成品はこちら

現在時刻表示

現在時刻を表示

Clock

カウントダウンクロック

カウントダウンクロック

時刻経過後はカウントアップ

Choose Clock

動作原理・仕様

① https://worldtimeapi.org からインターネット時刻を取得しています。
取得できなかった場合は、端末の時刻を使用します。

World Time API: Simple JSON/plain-text API to obtain the current time in, and related data about, a timezone.

② 色々と時間を計算し、スクリプトで描く●の状態を変化しています。

③ 10msごとに再描画しています。

htmlコードをDLするもよし、そのままWEB上で使うもよし、
ご自由にお使いください。