カウントダウンタイマー

オンラインカウントダウンタイマーは、ブラウザ上で動く無料のツールです。設定した時間からカウントダウンを始め、ゼロになったらアラームで知らせます。25分のポモドーロ、6分の半熟卵、45分の試験――時間制限が必要な場面なら何でも使えます。時計をちらちら見るのと違って、タイマーに任せれば時間のことを忘れて作業に集中できます。終わればアラームがあなたを現実に引き戻します。ダウンロード不要、登録不要、データのアップロードもありません。すべてブラウザのタブ内で完結します。

このカウントダウンは setInterval で秒を数える方式を採用していません。setInterval はブラウザのイベントループが「最低限の待ち時間」しか保証しないため、徐々にズレが蓄積していくからです。代わりに、Date.now() で開始時刻を記録し、毎フレームごとに残り時間を再計算しています。残り時間 = 目標時間 − (Date.now() − 開始時刻) というシンプルな式です。この自己補正設計により、JavaScript スレッドが一時的にガベージコレクションやレイアウト処理で忙しくなっても、表示される時間は正確さを保ちます。

画面の更新には requestAnimationFrame を使っています。これはディスプレイのリフレッシュレート（通常は毎秒60回、高リフレッシュレートのディスプレイでは120回）に同期する仕組みです。表示は滑らかですが、実際の計時の要は Date.now() による計算であり、アニメーションはあくまで表示用です。

タブがバックグラウンドに回ると、ブラウザはタイマーを積極的に制限します。非表示タブでは setInterval が1秒に1回まで絞られ、バッテリー駆動時には数分で完全に凍結されることもあります。このタイマーは、タブが再び表示された瞬間にシステム時計を確認し、表示を正しい残り時間まで一気に追いつかせます。終了時のアラームには Web Audio API で短い音を鳴らしています。これにはブラウザの自動再生ポリシーにより、事前に一度ユーザー操作（「開始」のクリックなど）が必要です。タブが非表示だったりシステムがスリープ中だったりするとアラームは発火しませんが、戻ってきた瞬間に表示は正しい経過時間を示します。

• Date.now() で壁時計ベースの精度を実現――setInterval の刻みに頼らず、毎フレーム残り時間を再計算。
• requestAnimationFrame で表示更新をディスプレイのリフレッシュレートに同期し、滑らかな描画を実現。
• バックグラウンドタブはブラウザに制限されるが、復帰時にシステム時計で表示を補正。
• アラームには Web Audio API を使用。ブラウザのポリシーにより、音声再生にはユーザー操作（「開始」クリックなど）が事前に必要。
• すべての計算はブラウザ内でローカル実行。データが外部に送信されることは一切ない。