アラーム付きカウントダウンタイマー

カウントダウンタイマーとは？

ブラウザ上で動くカウントダウンタイマーです。5分や 1:30:00 などの時間、または特定の日時までの残り時間をカウントダウンできます。ゼロになるとアラームが鳴り、デスクトップ通知を表示することもできます。

カウントダウンタイマーの使い方

1. 時間を指定を選んで時・分・秒を入力するか、5分や15分などのプリセットをクリックします。
2. または日時を指定を選んで、目標の日付と時刻を選びます（お使いのタイムゾーンで解釈されます）。
3. 開始をクリックします。一時停止／再開で止めたり続けたり、リセットでやり直せます。
4. アラーム音をオンにしておくとゼロでビープ音が鳴ります。デスクトップ通知にチェックすると、システム通知も届きます。

例

Duration: 0 h 90 min 5 s

1:30:05

59分を超える分は自動的に時間へ換算されます。

カウントダウンタイマーを使うべき場面

料理、休憩、試験、プレゼン、イベントまでのカウントダウンなどに使えます。Web ページ上で動くため、タブを閉じたりデバイスが完全にスリープしたりすると止まります。スマートフォンで数時間後に必ず鳴らしたいアラームには、システムの時計アプリを使ってください。

カウントダウンタイマーの仕組み

開始すると、タイマーは絶対的な終了時刻（Date.now() に指定時間を足した値、または選んだ目標日時）を保存します。200ミリ秒ごと、およびタブが再び表示されたときに、残り時間を「終了時刻 − 現在時刻」として再計算します。そのため、バックグラウンドタブが制限されてもカウントダウンがずれることはありません。アラームは Web Audio API で生成する短いビープ音のパターンで（音声ファイルは使いません）、通知は許可を得たうえでブラウザの Notification API を使います。残り時間はタブのタイトルにも表示されます。

一般的な使用例

• ✓ キッチンタイマーやお茶のタイマー
• ✓ 会議や試験の各パートの時間配分
• ✓ ローンチ、締め切り、新年までのカウントダウン
• ✓ 作業セッション間の短い休憩

よくある質問

他のカテゴリを見る