カウントダウンタイマー

使い方

1. 時・分・秒を入力するか、「5分」「10分」などのボタンを押すと、上の大きな数字にカウントする時間が表示されます。
2. 「スタート」でカウントダウン開始。進み具合はバーで確認できます。途中で「一時停止」「再開」ができ、もう少し時間が欲しいときは「+1分」を押します。
3. 時間になるとアラーム音が3回鳴り、画面が点滅し、対応するスマホは振動します。「デスクトップ通知」をオンにして許可すれば、別のウィンドウにいても通知が届きます。「リセット」で設定に戻ります。

使用例

「分」に90と入力し、ほかを0のままにすると、表示は01:30:00に換算されます。「秒」だけに75と入れると00:01:15になります。

午後2時00分00秒に5分のカウントダウンを始めて別のタブで作業したとします。ブラウザが裏のタブのタイマーを1分に1回しか動かさなくても、2時07分12秒にタブに戻った瞬間に終了と判定され、00:00:00の表示とアラームでお知らせします。離れたときの数字から続きを数えることはありません。

10分のカウントダウンを2分30秒で一時停止すると、表示は00:07:30、バーは25%で止まります。ここで「+1分」を押すと残りは00:08:30、合計は11分になり、バーは約22.7%まで戻ります。

結果の見方

• 秒は切り上げで表示します。残り0.2秒でも00:00:01と表示され、本当に時間になったときだけ00:00:00になります。そのため、スタートを押した瞬間は設定した時間がそのまま表示されます。
• バーは「経過時間 ÷ 合計時間」です。「+1分」を押すと合計も長くなるので、バーは少し戻ります。
• カウント中や一時停止中は、ブラウザのタブ名に⏳または⏸と残り時間が表示されるので、別のタブからでも確認できます。時間になるとタブ名は「⏰ 時間です！」に変わります。

仕組みと計算方法

• スタート時に「終了時刻 = 現在 + 設定時間」を記録し、0.25秒ごとに「終了時刻 − 現在」で残り時間を計算し直します。1秒ずつ引いていく方式ではないので、タイマーの遅れが誤差として積み重なりません。
• 一時停止するとその時点の残り時間を保存し、再開時に「現在 + 残り時間」で新しい終了時刻を決めます。一時停止中は時間が減りません。
• ブラウザは裏のタブの通常のタイマーを間引くため、表示を更新する処理はWeb Workerで動かしています。タブが表示に戻ったときもすぐに計算し直します。
• アラーム音はWeb Audio APIで880 Hzの音を3回その場で生成するので、音声ファイルのダウンロードは不要でオフラインでも使えます。デスクトップ通知はブラウザのNotification APIを使い、チェックを入れたときだけ許可を求めます。

注意点と制限

• 時間は端末の時計を基準にしています。カウント中にパソコンの時刻を変更したり自動で時刻合わせが行われたりすると、残り時間もずれます。
• スマホのロック中、省電力モード、ブラウザが一時停止されている間はウェブページが音を鳴らせないため、ページに戻るまでお知らせが出ないことがあります。確実に起きたいときはスマホのアラームを使ってください。
• ページを閉じたり再読み込みしたりするとカウントダウンは止まり、設定も残りません。
• 最長99:59:59、最小単位は1秒です。

よくある質問

💬 答えが見つかりませんか？このツールの不具合の報告やご要望はこちら