Webタイマー

計算方法

Webタイマーの仕組み

「スタート」を押すと、タイマーは1秒ずつ減らしていくのではなく、終了する時刻を記録します。表示は毎回その時点の時刻から計算し直すので、別のタブに切り替えたり、ブラウザが裏のタブを省電力のために遅らせたりしても、ずれることはありません。

アラーム音はスタートした時点でブラウザの音声クロック（Web Audio API）に予約されるため、裏のタブでも時間どおりに鳴ります。音声ファイルのダウンロードは不要です。残り時間はブラウザのタブのタイトルにも表示されるので、別のタブや別のウィンドウで作業しながら確認できます。

タイマーのセット方法

1. 時間・分・秒を入力するか、1分から60分までの「よく使う時間」のボタンを押します。
2. 「スタート」を押すか、スペースキーを押します。数字が減っていき、バーで進み具合がわかります。
3. 表示の下の行に、タイマーが終わる時刻が出ます。0になるとアラームが鳴り、多くのAndroidスマホでは振動もします。

例：14時07分に1時間25分のタイマーをスタートすると、85分＝5,100秒で、表示は01:25:00、「終了 15:32」となります。14時30分に一時停止すると経過23分・残り62分。14時40分に再開すると、止めていた10分だけ後ろにずれて終了は15時42分になります。

こんな場面で使えます

• 料理：カップ麺の3分、ゆで卵、パスタのゆで時間、オーブンの焼き時間も、ボタン1つで計れます。
• 勉強：25分集中して5分休む、1問10分で解くなど、時間を区切った勉強に。残り時間はタブのタイトルでも確認できます。
• 運動：プランク、筋トレのセット間の休憩、ストレッチなど、決まった時間の計測に。
• 会議・プレゼン：スライドを見せながら発表時間を管理できます。
• 学校・子ども：片付けや遊びの時間に。大きな表示とスペースキーだけで簡単に操作できます。

操作と設定

時間・分・秒は自由に入力でき（最大99:59:59）、1、2、3、5、10、15、20、30、45、60分はワンタッチでセットできます。「終了時に音を鳴らす」でアラーム音のオン・オフを切り替えます。キーボードではスペースキーでスタート/一時停止、Rでリセットです。

設定はページのURLにも保存されます。…/timer/?minuten=12をブックマークすれば、12分にセットされたタイマーがすぐに開きます。リンクとして共有することもできます。

タイマーとカウントダウンの違い

タイマーは「10分」のような決まった長さの時間を計ります。このページはそのためのものです。元日や旅行の日など、カレンダーの日付までの残り時間を知りたいときは、日数・時間・分・秒を表示するカウントダウンを使ってください。

Webサイトへの埋め込み

このタイマーは、学校やクラブのサイトなどに埋め込めるウィジェットとしても使えます。よく使う時間のボタン、アラーム音、キーボード操作もこのページと同じように動きます。

注意点

スマホの画面をロックすると、多くの端末はWebページの動作を止めるため、音が鳴らないことがあります。またブラウザは、ページを操作したあとでないと音を出せないしくみです。アラームを確実に鳴らすには、クリックやキー操作でタイマーをスタートしてください。

よくある質問

出典・根拠

• MDN: Web Audio API（音声ファイルなしのアラーム音、英語）
• MDN: Page Visibility API（裏のタブでの動作、英語）

更新日：2026年9月26日