大学受験カウントダウンツール

高考カウントダウンは、中国の全国大学入学試験までに残っている時間を日・時間・分・秒で確認するためのツールです。単なる時計ではなく、復習計画、模擬試験、休息日、受験票や移動準備などを同じ締切に合わせて整理する目安になります。学生だけでなく、保護者や教師が残り期間を共有するときにも役立ちます。成績を予測したり学習状況を評価したりするものではありませんが、遠く感じる試験日を具体的な時間予算として見える形にします。

カウントダウンは、リフレッシュループに包まれた1行の減算です。残り時間は`target.getTime() - Date.now()`でミリ秒単位で計算され、整数除算で分解されます：days = `Math.floor(diff / 86400000)`、hours = `Math.floor(diff / 3600000) % 24`、minutes = `Math.floor(diff / 60000) % 60`、seconds = `Math.floor(diff / 1000) % 60`。目標時刻は固定です：高考は毎年6月7日09:00（中国標準時、UTC+8）に開催され、一部の新高考省份では4日間に延長されます。ロールオーバールールは`Date.now()`と`new Date(year, 5, 9, 17, 0)`を比較します（JSの月は0始まりなので5が6月）。その瞬間が過ぎると`year`が1増加します。 2つのタイミングの落とし穴がリフレッシュループを駆動します。第一に、`setInterval(fn, 1000)`はドリフトします。コールバックはメインスレッドの競合下で1003〜1020ms後に発火することがあり、次のデッドラインが壁時計のアンカーではなく前回の発火からスケジュールされるため、ドリフトが蓄積します。修正方法は、遅延を`1000 - (Date.now() % 1000)`として`setTimeout`をスケジュールし、各ティックを次の丸秒に再アラインするか、発火ごとにカウンターをインクリメントするのではなく`Date.now()`から表示値を再計算することです。第二に、HTML5 Page Visibility APIとブラウザのスロットリングはバックグラウンドタブのタイマーを約1分に1回（モダンなChrome/Firefox/Safariではタブ非表示時に最小1 Hz）に制限します。ページはカウントダウン間隔の発火をカウントするのではなく、`visibilitychange`時に`Date.now()`から再計算することで整合させます。`requestAnimationFrame`はスムーズな桁フリップアニメーション用に予約されており、タブ非表示時は自動的に一時停止するため、タイムスタンプの信頼源としてはなりません。 ローカライズは`Intl.DateTimeFormat().resolvedOptions().timeZone`で取得するデバイスタイムゾーンを使用します。UTC+8以外にいる受験生でも、表示されるカウントダウンは中国標準時をターゲットにするため、`Date.UTC(year, 5, 7, 1, 0, 0)`でターゲットを1回構築します（09:00 CSTは01:00 UTC）。デバイスオフセットを静かに使用するローカル時刻の`Date`コンストラクタは使いません。うるう年は、ユーザーの計画アンカーが2月29日に該当する場合にのみ関係します。2月29日に開始した100日間のスプリントは、非うるう年の2月28日に開始した場合とは異なる暦日に到達します。ストレージはテーマとターゲット日付のオーバーライドに`localStorage`を使用し、T-0時のオプション通知はセッションごとに1回`Notification.requestPermission()`を使用し、ページを離れることなくシステムレベルアラートを表示する`new Notification(title, { body })`を使用します。

• コア数式: `diff = target.getTime() - Date.now()`; days = `Math.floor(diff / 86400000)`、その後 `% 24`、`% 60`、`% 60`で時/分/秒を算出。定数: 86,400,000 ms/日、3,600,000 ms/時、60,000 ms/分。
• ターゲット: 6月7日09:00 中国標準時（UTC+8）。JSの月インデックスで6月は5。`Date.now() > new Date(year, 5, 9, 17, 0)`のときロールオーバートリガー、`year += 1`。
• タイマードリフト: `setInterval(fn, 1000)`はメインスレッド負荷下でドリフト。自己修正パターン: `setTimeout(fn, 1000 - Date.now() % 1000)`で各ティックを次の丸秒に再アライン。
• バックグラウンドスロットリング: Page Visibility APIとブラウザポリシーが非表示タブのタイマーを1 Hzに制限（Chrome/Firefox/Safari）。`visibilitychange`時に`Date.now()`から再計算して整合、発火回数のカウントでは対応不可。
• タイムゾーン: `Date.UTC(year, 5, 7, 1, 0, 0)`でターゲットを構築（09:00 CST = 01:00 UTC）。UTC+8以外の受験生も試験時刻への正しいカウントダウンを表示、ローカルの09:00ではなく。
• 永続化: `localStorage.setItem(key, value)`（同期、オリジンごとに~5 MBのクォータ）でテーマとターゲットのオーバーライドを保存。通知は`Notification.requestPermission()`のち`new Notification(title, { body, icon })`。
• レンダリング: `requestAnimationFrame`が桁フリップアニメーションを駆動（非表示時は自動一時停止）。表示桁は各フレームで`Date.now()`から再計算しインクリメントしないため、フレーム脱落でも不足カウントにはならない。