このツールの機能
時計ツールは、世界時計、ストップウォッチ、カウントダウンタイマーを1つにまとめています。世界時計は任意のIANAタイムゾーンのリアルタイム表示で、毎秒更新されます。ストップウォッチは requestAnimationFrame を使って精度の高い経過時間の測定とラップ記録をサポート。カウントダウンは時間・分・秒を入力でき、アニメーション付きのプログレスリングでゼロまでカウントダウンします。すべてブラウザで動作—サーバー不要です。
使い方
- 世界時計 — ドロップダウンからタイムゾーンを追加。リアルタイムとUTCオフセットを表示。不要なゾーンは削除できます。
- ストップウォッチ — 開始、停止、再開、ラップ、リセット。ラップタイムは一覧に記録されます。
- カウントダウン — 時間（0–99）、分（0–59）、秒（0–59）を入力。タイマーを開始。ゼロで「時間切れ！」表示とリングの完了。
- タブ切り替え — 世界時計、ストップウォッチ、カウントダウンの間を移動。
動作の仕組み
世界時計：Intl.DateTimeFormat と setInterval（1秒）で選択したIANAタイムゾーンのリアルタイムを表示。タイムゾーン変換ツールのヘルパーを再利用。ストップウォッチ：ドリフトのない経過時間に requestAnimationFrame を使用。ラップタイムを保存。カウントダウン：入力を解析し、setInterval でカウントダウンを駆動、SVGリングをアニメーション。ゼロでタイマー停止と通知表示。DST（夏時間）はブラウザの Intl API で処理。
すべての計算はブラウザ内で実行されます。データはサーバーに送信されません。
使用例とサンプル
- リモート会議 — 複数地点の時間を確認。
- ワークアウト — ストップウォッチとラップでインターバル管理。
- 料理 — カウントダウンでタイマー。
- 集中 — ポモドーロ式カウントダウン。
- 旅行 — 自宅と目的地の時刻を比較。
例
- Asia/Ho_Chi_Minh と America/New_York を追加 → 両方のリアルタイム表示。
- ストップウォッチ：開始、30秒でラップ、60秒でラップ → スプリット記録。
- カウントダウン：0時5分0秒 → 5分タイマー。
制限と既知の制約
- タブスロットリング — バックグラウンドタブではタイマーが遅くなる場合あり。正確なカウントダウン/ストップウォッチにはタブをアクティブに。
- IANAのみ — IANAタイムゾーン名を使用。略称（例：EST）は曖昧な場合があります。
- カウントダウン範囲 — 時間0–99、分/秒0–59。
- 永続化なし — ストップウォッチとカウントダウンはページ再読み込みでリセット。