メインコンテンツへスキップ

無料カウントダウンタイマー

任意の日時までカウントダウンします。カスタム日付を設定するか、クイックプリセット(5分、15分、1時間)を使います。登録は不要です。

読み込み後はオフラインでも動作
タイマーを設定
時間
分
秒

クイックカウントダウン

カウントダウンの期限

ヒント:アラームを鳴らすため、このページを開いたままにしてください。動作中は画面がスリープしません。

上でタイマーを設定するかプリセットを選び、開始を押してください

主な用途

  • イベントカウントダウンタイマー結婚式、誕生日、コンサート、または今後のイベントまでの日、時間、秒をカウントダウンします。
  • 期限カウントダウンタイマープロジェクトの締め切り、試験、または提出期限までのライブカウントダウンを保持します。
  • 調理とキッチンタイマーパスタの調理、卵の沸騰、焼きとキッチンタイミング用の高速カウントダウンタイマー。
  • 会議とプレゼンテーションタイマー会議の開始までカウントダウンするか、プレゼンテーション中に目に見えるタイマーとして使用します。
  • 製品ローンチカウントダウンライブカウントダウンで製品発売、販売、または発表への期待を構築します。

使い方

このカウントダウンタイマーは、ライブラリもサーバー呼び出しも使わず、すべてブラウザ内で動作します。1秒ごとの setInterval のたびに Date.now() と保存した目標のタイムスタンプとの差を計算するため、タブがバックグラウンドになったり、端末の時計がずれたりしても、表示は正確なままです。

  1. 1
    目標を設定する
    期間モード(時、分、秒)を選ぶか、日付/時刻モードに切り替えて特定の瞬間までカウントダウンできます。5つのクイックプリセットボタン(5分から24時間まで)は、入力なしですぐにタイマーを開始します。
  2. 2
    固定した目標に対し、一定間隔で残り時間を計算する
    開始すると、ツールは絶対的な目標を Date オブジェクトとして保存し、1000ミリ秒ごとに setInterval を実行します。tickのたびに Date.now() を呼び出して目標との差を求めるので、取りこぼしたtick(タブのスリープ中、CPUの負荷が高いときなど)があっても、遅れが積み重なることなく、次のtickで自動的に補正されます。
  3. 3
    状況に合わせた表示とタブへの反映
    表示は先頭のゼロ単位を自動的に省略します — 45秒のタイマーは大きな文字で秒のみを表示し、複数日にわたるタイマーはより小さいサイズで4つの単位すべてを表示します。残り時間はdocument.titleにも書き込まれるため、最小化されたタブやバックグラウンドのタブでもカウントダウンが読み取れます。
  4. 4
    終了時のWeb Audioチャイム
    カウントダウンがゼロに達すると、ブラウザ内蔵のWeb Audio API(AudioContext + OscillatorNode)が880Hzの3連パルスサイン波チャイムを合成します — 音声ファイルはダウンロードされません。一時停止、再開、共有可能なURL(目標のエポックをサーバーに届かない#to=フラグメントにエンコード)もすべてクライアントサイドで完全に処理されます。

関連ツール

よくある質問