今年の残り時間を、今日・3日・今週・今月・3ヶ月の残りと一緒に、6つ並べて表示する逆算タイマーです。残りは日数ではなく「あと何時間」で出し、1秒ごとに減っていきます。
締め切りや年末といった「先」は分かっていても、実際にあとどれだけの時間があるのかを見えるようにするものがなかったので、自分で作りました。 開いたときの時刻から自動で計算するので、日付を入れる必要はありません。登録は不要で、処理はすべてブラウザの中で行います。
逆算タイマーを読み込んでいます。表示されないときは、JavaScript を有効にしてページを再読み込みしてください。
6つの区切りと、それぞれの終わり
どの行も「今からN時間」ではなく、カレンダーの区切りの終わりまでの残りを出します。時刻は、使っているスマホやパソコンの時刻です。
| 区切り | 終わり | バーの始まり |
|---|---|---|
| 1日 | 今日の24:00 | 今日の0:00 |
| 3日 | 今日を含めた3日間の終わり（あさっての24:00） | 今日の0:00 |
| 1週間 | 今週の日曜24:00（週は月曜はじまり） | 今週の月曜0:00 |
| 1ヶ月 | 今月の末日24:00 | 今月1日の0:00 |
| 3ヶ月 | 今の四半期の終わり（3月・6月・9月・12月の末日24:00） | 四半期の最初の日の0:00 |
| 1年 | 12月31日24:00 | 1月1日の0:00 |
日付が変わると、それぞれの行の終わりは自動で次の区切りに切り替わります。たとえば月末の24:00を過ぎると、1ヶ月の行は翌月の末日までの残りになります。3日の行だけは毎日1日ずつ先にずれていき、いつも「今日から3日間」の残りを表します。
各行のバーは、その区切りのうちどれだけ時間がたったかを表します。残りが1割を切った行は、数字とバーの色が変わります。
年末まであと何日？ 日数ではなく時間で出す理由
このタイマーは、わざと「あと何日」を出していません。「あと77日」と聞くと、まだ余裕があるように感じやすいからです。同じ残りを「あと1,858時間」と見ると、1時間ずつ減っていく実際の量として受け止めやすくなります。
年末まであと何日かを知りたいときは、1年の行の時間を24で割ってください。 たとえば10月15日の14:00に開くと、1年の行は「1858時間」です。1858 ÷ 24 = 77 あまり 10 なので、明日から12月31日までが77日、今日が残り10時間です。今日も1日と数えるなら、あと78日になります。今月の残り日数も、同じように1ヶ月の行を24で割ると分かります。
1年は、うるう年でない年は8,760時間（365日 × 24時間）、うるう年は8,784時間（366日 × 24時間）です。1月1日の0:00に、1年の行はこの数から始まります。
使い方
- ページを開くと、6つの行が自動で動き始めます。操作は必要ありません。
- 各行の下の「この期間でやること」に、その区切りの中で終わらせたいことを1行で書きます（80文字まで）。たとえば1週間の行に今週の締め切りを、1年の行に今年の目標を書いておくと、残り時間と並べて見られます。
- 書いた内容は、その区切りが終わると自動で消えます。今週の行に書いたことは、日曜の24:00を過ぎると空になり、翌週のことを書けるようになります。
- 右上の「全画面で見る」を押すと、6つの行が画面いっぱいに広がり、スクロールせずにまとめて見られます。パソコンの大きな画面では2列に並びます。もう一度押すか、Escキーで元に戻ります。
書いた内容は、使っているブラウザの中にだけ保存されます。サーバーには送られず、ほかの人からは見えません。
日時を指定するカウントダウンタイマーとの違い
「◯月◯日まであと何日」を出すカウントダウンタイマーは、自分で日時を1つ決めて使います。このタイマーは日時を入れず、今日・今週・今月・今年といった決まった区切りを、いつ開いても同じ形で6つ同時に出します。
特定の締め切りまでの残りを見たいときはカウントダウンタイマー、「今週はあとどれだけあるか」「今年はあとどれだけあるか」をまとめて見たいときはこのタイマー、と使い分けられます。
よくある質問
今日はあと何時間ありますか？
一番上の「1日」の行が、今日の24:00までの残りです。たとえば14:00に開くと「10時間 00:00」から減っていきます。
今年の残り日数は、どう計算しますか？
1年の行の時間を24で割ると、商が明日から12月31日までの日数、あまりが今日の残りの時間です。今日も1日と数える場合は、商に1を足してください。
表示される時刻は、どこの時刻ですか？
使っているスマホやパソコンに設定されている時刻です。端末の時刻がずれていると、残り時間もずれます。
週の始まりを日曜にできますか？
今は月曜はじまりだけです。1週間の行は、日曜の24:00までの残りを表します。
入力した「やること」は、どこに保存されますか？
使っているブラウザの中（ローカルストレージ）にだけ保存されます。別のブラウザや別の端末には引き継がれません。ブラウザの設定で保存が止められている場合は、ページを閉じると消えますが、タイマー自体はそのまま使えます。
まとめ
今年の残り時間を、今日から1年までの6つの区切りと一緒に「あと何時間」で見られるのがこのタイマーです。予定を立てるときや、今週の締め切りを確かめたいときに開いてみてください。
今日やることを25分ずつ区切って進めたいときは、締め切りまでに何回できるかも分かるポモドーロタイマーも使えます。
Webサイトの「動き」を作るツールとして、CSSアニメーション ジェネレーターも公開しています。これまでに作ったサイトは制作実績で見られます。Webサイトや動画の制作のご相談は、お問い合わせからどうぞ。
