退勤カウントダウン

9時出勤・18時退勤なら、15時には退勤まであと3時間、1日の66.6%が過ぎています

9時に出勤して18時に退勤し、昼休みが12時から13時までなら、15時には退勤まで残りちょうど3時間です。出勤から退勤までの9時間のうち6時間が過ぎているので、1日の66.6%が経過したことになります。昼休みの1時間は働いた時間に入らないため、働いた時間は5時間、残りの勤務は3時間で、足すと1日の労働時間の8時間になります。

上のカウントダウンは、出勤・退勤・休憩の時刻と勤務する曜日を入れると、退勤までの残り時間を1秒ごとに減らして表示します。出勤の時刻に昇った太陽が退勤の時刻に沈む軌跡で1日の進み具合が分かり、今週は勤務する曜日ごとにバーが伸びていきます。退勤時刻を過ぎると経過時間を数え、土日や祝日には次の出勤までの時間を表示します。軌跡の下では、かばんを持った人が退勤のドアに向かって走ります。1日の半分を過ぎると速くなり、最後の10%は全力で走ります。休憩中はコーヒーを手に休み、退勤時刻になるとドアの前で跳びはねます。

退勤カウントダウンを開いておくと便利な場面

• 残り時間に合わせて仕事を割り振りたいとき: 退勤まであと2時間40分なら、会議を1件と資料の仕上げを今日中に終えられるかがすぐ見積もれます。「残りの勤務」は休憩を除いた時間なので、昼前は「退勤まで」より短く表示されます。
• 退勤前の片づけの時間を逃したくないとき: 退勤10分前や30分前に通知を設定しておけば、別のタブで作業していても音で気づけます。音はその時刻に合わせて前もって予約されるため、タブが隠れていても遅れません。
• 残業がどれくらい延びたか確かめたいとき: 退勤時刻を過ぎると、大きな数字が「+1:12:30」のように経過時間を数え始めます。残業代を計算する前に、実際にどれだけ多く働いたかを確認する目安になります。
• 日付をまたぐ夜勤のとき: 22時出勤・6時退勤のように退勤時刻が出勤より早ければ、翌日の退勤として数えます。午前3時なら退勤までの残りは3時間と表示されます。
• 最後の1時間を乗り切る力がほしいとき: ゴールまでの距離が縮まるほど行動が速くなる現象は、目標勾配仮説（goal-gradient）と呼ばれます。Kivetz・Urminsky・Zheng（2006）は、コーヒーのスタンプカードの研究で、無料のコーヒーに近づくほど客が頻繁にコーヒーを買うことを報告しました。購買や評価の行動を調べた研究であり、勤務時間の表示の効果を測ったものではありませんが、残りを目に見える形にしておく理由の説明にはなります。

計算の方法

1. その日の勤務の枠: 出勤の時刻から退勤の時刻までが1日の勤務です。退勤が出勤より早い時刻なら翌日の退勤（夜勤）とみなし、その勤務は出勤した日の勤務として数えます。休憩は出勤後に始まり、退勤前に終わる必要があります。
2. 退勤まで = 退勤時刻 − 現在。秒単位で切り上げて表示するので、画面が00:00:00になる瞬間が退勤時刻です。ミリ秒表示をオンにすると、小数点以下3桁までそのまま表示します。
3. 1日の進み = (現在 − 出勤) ÷ (退勤 − 出勤)。時計の時間で測るため、休憩の時間も過ぎた分だけ含まれ、太陽の軌跡の位置と一致します。小数第2位以下は切り捨てて、退勤前に100.0%と表示されないようにしています。
4. 働いた時間・残りの勤務: 働いた時間は、出勤から現在までの時間から過ぎた休憩を引いた値です。残りの勤務は、1日の労働時間から働いた時間を引いた値で、2つを足すといつでも1日の労働時間と一致します。
5. 出勤前・退勤後・休みの日: 出勤前は、退勤までと出勤までの残り時間を並べて表示します。退勤後は退勤時刻からの経過時間を数え、日付が変わると次の勤務日の基準に切り替わります。勤務しない曜日や祝日は、次の出勤までの残り時間を数えます。
6. 今週 = 今週（月曜日から日曜日）の勤務日に働いた時間の合計 ÷ 勤務日の労働時間の合計。たとえば月〜金の9時〜18時勤務で水曜日の15時なら、月・火の16時間に水曜日の5時間を足した21時間を40時間で割って52.5%です。残りの勤務は19時間、金曜日の退勤までは2日3時間になります。
7. 祝日: 「祝日は休み」をオンにすると、国民の祝日、振替休日、祝日に挟まれた休日を休みとして数えます。日付のデータは2026年と2027年分が入っています。

9時〜18時（昼休み12時〜13時）の時刻別の残り時間

平日1日の画面に出る値を、時刻ごとにまとめました。「退勤まで」は時計の時間なので昼休みの間も減り、「残りの勤務」は昼休みの間止まります。

労働時間と休憩のルール

労働基準法第32条は、休憩時間を除いて1週間に40時間、1日に8時間を超えて労働させてはならないと定めています。9時出勤・18時退勤は会社にいる時間が9時間ですが、昼休みの1時間を除いた労働時間は8時間で、週5日なら40時間となり、法定の上限と同じです。

休憩は第34条が定めています。労働時間が6時間を超える場合は少なくとも45分、8時間を超える場合は少なくとも1時間の休憩を、労働時間の途中に与えなければなりません。「超える」という書き方なので、労働時間がちょうど6時間なら休憩は法律上必要なく、ちょうど8時間なら45分で足ります。休憩時間は、労働者に自由に利用させる必要もあります。勤務時間に対して休憩が足りない設定にすると、カウントダウンの下に案内が表示されます。

退勤時刻を過ぎたら

退勤時刻を過ぎると、大きな数字の前に「+」が付き、退勤時刻からの経過時間が1秒ごとに増えていきます。まだ職場にいるなら、その分だけ多く働いたことになります。すでに帰宅しているなら、文の中の次の出勤時刻を確認してください。日付が変わると、次の勤務日のカウントダウンに切り替わります。

1日8時間・週40時間を超えて働かせるには、第36条の労使協定（36協定）を結んで労働基準監督署に届け出る必要があります。時間外労働の限度は原則として月45時間・年360時間です。第37条は、時間外労働に対して2割5分以上5割以下の範囲で政令が定める率以上の割増賃金を支払うと定めており、1か月に60時間を超えた部分は5割以上、午後10時から午前5時までの深夜労働は2割5分以上です。ここでの「時間外」は1日8時間・週40時間を超えた分なので、所定の労働時間が8時間より短い会社では、退勤時刻を過ぎて働いた時間のすべてが法定の時間外労働になるとは限りません。

退勤の通知が遅れずに鳴る仕組み

Chromeは、5分以上隠れているタブの繰り返しタイマーを、1分に1回しか確認しません（Chrome 88以降、30秒以上音を出していないページ）。そのため、別のタブを長く見ていると、画面の通知帯とタブのタイトルの更新が最大で1分ほど遅れることがあります。このカウントダウンは通知音をWeb Audioのオーディオの時計に前もって予約するので、音は決めた時刻に鳴ります。

• 通知を選ぶと、その時点から先の通知時刻だけが鳴ります。すでに過ぎた時刻の通知は鳴りません。
• ブラウザは、ユーザーがページを操作するまで音を出せないようにしています。保存した通知設定でページを開き直したときは、画面を一度タップしてください。
• ブラウザを閉じたり、パソコンがスリープしたりすると、通知は鳴りません。
• 全画面で表示している間は、画面が消えないようにします（Screen Wake Lockに対応したブラウザ）。タブを切り替えるとブラウザがこの設定を解除し、戻ると再びオンにします。

間違えやすいケース

• 9時〜18時を9時間の勤務として数える: 休憩の1時間を引くと、労働時間は8時間です。「1日の進み」は9時間を基準に、「残りの勤務」と「働いた時間」は8時間を基準にしています。
• 8時間の労働に休憩が必ず1時間必要だと思い込む: 第34条で1時間が必要になるのは、労働時間が8時間を超える場合です。ちょうど8時間なら45分で足ります。
• 休憩を30分にしたまま8時間働く: 9時〜17時30分で休憩が30分だと、労働時間は8時間ですが、6時間を超えているため45分以上が必要で、15分足りません。
• 夜勤の退勤を同じ日の時刻として入れる: 22時〜翌6時なら、退勤は6:00のまま入力します。退勤が出勤より早ければ、翌日として数えます。休憩の開始が12:00のままだと勤務時間外になってエラーになるので、勤務時間内（例: 2:00）に移すか、休憩を「なし」にします。
• 祝日にもカウントダウンが進む: 「祝日は休み」をオンにしておくと、祝日と振替休日は次の出勤までを数えます。祝日に出勤する職場なら、オフにしてください。
• 端末の時計がずれている: すべての計算はこの端末の時計を基準にしています。時計が数分ずれていると、退勤時刻もその分ずれて表示されます。

この計算機の限界

• 入力できる1日の勤務時間は1通りだけです。曜日ごとに出退勤の時刻が違う勤務、シフト制、フレックスタイム制のように日によって勤務が変わる場合は、その日の勤務時間に入れ替えてください。
• 休憩は1回だけ入力できます。午前や午後に短い休憩が別にある場合は、「残りの勤務」に反映されません。
• 祝日のデータは2026年と2027年分だけです。それ以外の年は祝日も勤務日として数えます。会社が独自に決めた休日は、勤務する曜日や勤務時間で調整してください。
• 通知音は、ブラウザの自動再生の制限や省電力の状態によって鳴らないことがあります。
• 勤務時間と表示設定はこのブラウザにだけ保存され、ほかの端末やブラウザには引き継がれません。アドレスに勤務時間が入っているので、リンクで移せます。
• 収入の計算はしません。同じ勤務時間で今日稼いだ金額を見たいときは、リアルタイム給料計算機を開いてください。

基準日 労働基準法 第32条・第34条・第36条・第37条と国民の祝日の資料は2026年10月18日に原文で確認しました。祝日のデータは2026年・2027年分で、本文の時刻別の表と例は、2026年10月18日に画面と同じ規則で計算した値です。

出典

• 01e-Gov法令検索: 労働基準法 第32条（労働時間）休憩時間を除き1週間に40時間、1日に8時間を超えて労働させてはならない
• 02e-Gov法令検索: 労働基準法 第34条（休憩）6時間を超えれば45分以上、8時間を超えれば1時間以上、労働時間の途中に与える。自由利用の原則
• 03e-Gov法令検索: 労働基準法 第36条（時間外及び休日の労働）労使協定の締結と届出、原則の限度時間は月45時間・年360時間
• 04e-Gov法令検索: 労働基準法 第37条（時間外、休日及び深夜の割増賃金）時間外は2割5分以上5割以下の範囲で政令が定める率以上、月60時間超は5割以上、深夜（午後10時〜午前5時）は2割5分以上
• 05内閣府: 「国民の祝日」について祝日法の祝日、振替休日、国民の休日（祝日に挟まれた平日）
• 06内閣府: 国民の祝日 CSV（syukujitsu.csv）2026年・2027年の祝日の日付
• 07Kivetz, Urminsky, Zheng (2006), The Goal-Gradient Hypothesis ResurrectedJournal of Marketing Research 43(1), 39–58。コーヒーのスタンプカード・曲の評価サイトで、目標に近いほど行動が速くなる
• 08Chrome for Developers: Heavy throttling of chained JS timers beginning in Chrome 885分以上隠れたページの連鎖タイマーは1分に1回の確認、直近30秒以内に音を出したページは例外
• 09MDN: AudioScheduledSourceNode.start()AudioContextのcurrentTimeと同じ時間軸の時刻に音の開始を予約する
• 10MDN: Screen Wake Lock API画面が暗くなったりロックされたりしないようにする。文書が見えなくなるとシステムが解除する

よくある質問

あわせて使いたいツール