⏲️ タイマー
カウントダウンタイマーです。1・3・5・10分のプリセットや自由な設定に対応し、終了時は音と画面フラッシュで通知します。タブを切り替えても実時刻で正確に計測します。
05:00
📘 使い方
- プリセット（1・3・5・10分）を押すか、分・秒を入力して時間を設定します。
- 「スタート」で開始、実行中は「一時停止」で止め、もう一度押すと再開します。
- 時間になると音が鳴り、画面が点滅して知らせます。「リセット」で設定した時間に戻ります。
🔔 仕組み
開始時に「終了時刻＝現在時刻＋残り時間」を記録し、画面は現在時刻との差から残り時間を毎フレーム計算しています。この方式なら、別のタブを見ていてブラウザが更新を間引いても、戻ったときの残り時間や終了タイミングがずれません。通知音はWeb Audio APIでその場で生成するため、音源ファイルの読み込みは不要で、オフラインでも鳴ります。
❓ よくある質問
別のタブを開いても正確に動きますか？
はい。開始時に終了時刻を記録し、現在時刻との差から残り時間を計算しています。そのため背景タブでタイマーの更新が間引かれても、戻ったときに正しい残り時間が表示され、終了時刻もずれません。
終了時はどのように知らせますか？
Web Audio APIで生成したアラーム音を鳴らし、あわせて画面を点滅（フラッシュ）させて知らせます。音源ファイルの読み込みは行わないため、オフラインでも通知が機能します。
利用にあたり通信は発生しますか？
いいえ。すべての処理はブラウザ内で完結し、外部への通信は行いません。設定内容が送信されることもなく、オフラインや file:// でも動作します。