オンライン タイマー - 無料のカウントダウン タイマー

クイック プリセット タイマー

細かい設定なしでカウントダウンを開始できます。プリセットをクリックすると、タイマー画面が開いてそのまま動き出します。

URL をコピーするだけでタイマーを共有することもできます。時・分・秒・ラベル・アラーム音はすべてリンクに含まれているので、相手も同じ設定で開けます。

主な機能

• 秒単位の正確さ: ブラウザの performance.now() API を用い、終了時刻を絶対値で記録します。タブをバックグラウンドにしても、パソコンが一瞬スリープしても、アラームは予定どおりに鳴ります。
• 最大 23:59:59 まで対応: 30 秒のプランクから 8 時間勤務のアラームまで、幅広く対応できます。
• タイマーごとにラベル: 「パスタ」「集中作業」「お茶を蒸らす」など、用途に応じて名前を付けられます。ラベルはカウントダウン リングの中に表示され、履歴にもそのまま保存されます。
• 6 種類のアラーム音: Radar、Beacon、Chime、Digital、Gentle、Classic。選択するたびに短いプレビューが再生されます。
• ドラッグで並べ替えできる履歴: 直近 18 件のタイマーがローカルに保存されます。デスクトップではカードをドラッグして並べ替え、再生ボタンを押すだけで再利用できます。
• タブ タイトルにカウントダウンを表示: 残り時間がブラウザのタブ タイトルに表示されるので、ウィンドウを切り替えなくても確認できます。
• URL で自動スタート: /timer/?m=25&autostart=1 を開けば 25 分タイマーがすぐに開始します。ブックマークやショートカットとの相性が抜群です。
• ダーク モード & ライト モード: stopwatch-online.com 全体と統一されたデザインで、お好みの表示設定にも対応します。
• オフラインでも動作: ページを一度読み込めば、あとはブラウザ内だけで動くのでネット接続は不要です。

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

ステップ 1: 時間を設定する

パソコンでは時・分・秒の数字をクリックして直接入力できます。2 桁入れると次の単位に自動的にフォーカスが移るので、分の欄で 25 と押せばそのまま秒の欄に切り替わります。スマートフォンの場合は各欄をタップしてドロップダウンから選んでください。

ステップ 2: ラベルを付ける(任意)

ラベル欄に「パスタ」「ポモドーロ集中」「お茶を蒸らす」「子どもの画面時間」など、用途を書いておきましょう。カウントダウン リングの中に表示され、履歴にも一緒に保存されます。

ステップ 3: アラーム音を選ぶ

サウンドセレクターを開いてお好みのアラームを選びます。選ぶ時に短いサンプルが流れるので、実際に鳴る音を事前に確認できます。

ステップ 4: カウントダウンを開始する

Start ボタンをクリックするか Space キーを押します。進行リングが減っていき、終了予定時刻がカウントダウンの上に表示され、残り時間はブラウザのタブ タイトルにも反映されます。

一時停止・再開・キャンセル

実行中に Pause を押すと、進行状況を失わずにカウントダウンを停止できます。もう一度ボタンを押す(または Space)と、停止した時点の残り時間から再開します。Cancel で設定画面に戻ります。

タイマーが終了したら

アラームは止めるまでループ再生されます。Stop をクリックするか Space を押すと音が止まり、初期状態にリセットされます。

キーボード ショートカット(デスクトップ)

• Space - 開始 / 一時停止 / アラームを停止
• Tab - 入力中に時・分・秒の欄を切り替え
• Enter - 値を入力した後タイマーを開始
• Backspace - 現在の数字欄をクリア
• Esc - 実行中のタイマーをキャンセルして設定画面へ戻る
• F - フルスクリーン モードの切り替え

カウントダウン タイマーが活躍するシーン

料理・キッチン

タイマーひとつでアルデンテと茹で過ぎは大きく変わります。よく使う時間の目安は、半熟卵 6:00、半固ゆで卵 8:00、固ゆで卵 10:00、フレンチプレスのコーヒー 4:00、緑茶 2:00、紅茶 3:30、ウーロン茶 5:00、サワードウの一次発酵 4:00:00、ステーキの肉休ませ 5:00、パンの最終発酵 1:30:00 など。タブレットでタイマーを開いてキッチンに置いておけば、粉だらけの手でスマホを取り出す必要もありません。

ポモドーロ & 集中作業

ポモドーロ・テクニックは 25 分の集中作業と 5 分の休憩を 1 セットとし、4 セットごとに 15 〜 30 分の長めの休憩を取る時間管理術です。上の 25 分プリセットで作業を開始し、休憩中は 5 分タイマーに切り替えましょう。タブ タイトルに残り時間が表示されるので、ピン留めしたタブをチラッと見るだけで集中を切らさず確認できます。

HIIT・タバタ・ワークアウト

タバタ式インターバルでは 20 秒の運動と 10 秒の休憩を 8 ラウンド繰り返します。EMOM(Every Minute On the Minute)なら 1 分プリセットを使い、各ラウンドの開始時に再スタートします。重量トレの合間には 2 〜 3 分のレスト タイマーが、ペースを安定させてくれます。フルスクリーン モード(F)を使えば、ジム全体から見える大きな表示にできます。

瞑想・呼吸法

穏やかな音(Chime または Gentle)を選んで、5 分・10 分・20 分のセッションに使えます。ボックス ブリージングでは各 4 秒の短いタイマーを連続で使うと便利です。「朝の瞑想」などのラベルを付けておくと、履歴を見るだけで自分の習慣を振り返れます。

子ども・スクリーンタイム

目に見えるカウントダウン リングがあれば、就寝時間・タブレットの時間・行動の切り替えをスムーズに伝えられます。「あと 10 分だよ」もタイマーが動いていれば説得力が違います。アラームは耳に優しい Chime にしておくと、子どもを驚かせません。

勉強・受験対策

模試を本番と同じ制限時間で解く(たとえばセンター・共通テストの英語リーディングは 80 分)など、時間を区切った練習に最適です。45 分の集中タイマー + 10 分の散歩の組み合わせもおすすめ。各ブロックに科目名のラベルを付けておけば、履歴がそのまま学習ログになります。

タイマーとストップウォッチ、どちらを使う?

どちらも時間を計るツールですが、方向が逆です。

• ストップウォッチは 0 から増えていきます。所要時間がわからない作業を計りたいとき(ラップタイム、ルービックキューブのタイム計測、パズル、料理の試作など)に向いています。
• タイマーは 0 に向かって減っていき、終わったら通知してくれます。目標時間が決まっている場面(レシピの手順、集中ブロック、休憩時間など)に最適です。

判断のコツは、「どれくらいかかった?」と聞きたくなる作業ならストップウォッチ、「5 分経ったら教えて」と頼みたい作業ならタイマーです。

タイマーが正確である理由

ブラウザのタイマーがズレる原因は主に 2 つあります。setInterval API はバックグラウンド タブで動作が制限され、requestAnimationFrame はタブが非表示になると一時停止します。シンプルなウェブ タイマーの多くはこのどちらか一方に頼っているため、タブを切り替えると静かに遅れていきます。

このタイマーは別のアプローチを取っています。

• Start を押した瞬間に、カウントダウンが終わる絶対時刻(壁時計上の時刻)を記録します。
• アニメーションのフレームごとに「前回から何ミリ秒経ったか」ではなく「終了時刻まであと何ミリ秒か」を計算します。
• 並行して setInterval が 1 秒ごとにタブ タイトルを更新します。これはアニメーションの制限を受けません。
• visibilitychange イベントが発生してタブが再び表示された瞬間、絶対終了時刻を基準に表示を再同期します。

結果として、30 分のタイマーを動かしたままパソコンをスリープし、20 分後に復帰しても、残り時間は正しく 10 分と表示されます。Chrome がバックグラウンドで何回ティックを発火したかには影響されません。

便利な活用テクニック

• お気に入りのタイマーをブックマーク。 /timer/?m=25&autostart=1&label=Pomodoro をブックマークしておけば、クリック 1 回で名前付きの 25 分ポモドーロが即スタートします。
• タイマーを共有。 設定済みの URL をコピーするだけで共有できます。時・分・秒・ラベル・アラーム音すべてが含まれているので、相手も同じ設定で開けます。
• スマホでアラームを確実に鳴らす。 アラームには Web Audio API を使っており、端末によってはサイレント モードを無視して鳴ります。確実に聞きたいときは画面をロック解除し、メディア音量を上げておきましょう。
• タブをピン留め。 Chrome や Firefox でタブをピン留めすると、タブ タイトルにカウントダウンが表示されるので、ウィンドウを切り替えずに残り時間が確認できます。
• 複数人での利用にはフルスクリーン。 F を押せば、授業・トレーニング・プレゼンの場でも部屋全体から読み取れる表示になります。
• ドラッグでよく使う順に整理。 デスクトップでは「最近のタイマー」のカードをドラッグして並べ替えられます。よく使うタイマーを左側に置いておけば素早く呼び出せます。

よくある質問