高考倒计时 - 实时计算距离高考还有多少天
倒计时本质上是一行减法运算包裹在刷新循环中。剩余时长通过 `target.getTime() - Date.now()` 计算（单位毫秒），然后通过整数除法分解：天 = `Math.floor(diff / 86400000)`，时 = `Math.floor(diff / 3600000) % 24`，分 = `Math.floor(diff / 60000) % 60`，秒 = `Math.floor(diff / 1000) % 60`。目标时刻是固定的：高考每年 6 月 7 日北京时间 09:00（UTC+8）开始，部分新高考省份会延长到第四天。翻转规则是比较 `Date.now()` 与 `new Date(year, 5, 9, 17, 0)`——JS 月份从 0 开始索引，所以 5 代表六月——超过该时刻后 `year` 加一。
两个计时陷阱驱动了刷新循环。第一，`setInterval(fn, 1000)` 会漂移：回调可能在 1003-1020ms 后才触发（因主线程竞争），且漂移会累积，因为下一个截止时间是基于上一次触发调度的，而非基于挂钟锚点。修复方法是调度 `setTimeout` 并将延迟设为 `1000 - (Date.now() % 1000)`，使每个 tick 重新对齐到下一个整秒，或者在每次触发时从 `Date.now()` 重新计算显示值而非递增计数器。第二，HTML5 Page Visibility API 和浏览器节流策略会将后台标签页的定时器限制到大约每分钟一次（现代 Chrome/Firefox/Safari 在标签页隐藏时最低为 1 Hz）；页面通过在 `visibilitychange` 事件时从 `Date.now()` 重新计算来协调，而非计数触发次数。`requestAnimationFrame` 保留给平滑的数字翻转动画，在标签页隐藏时自动暂停，因此不能作为时间戳的真实来源。
本地化使用 `Intl.DateTimeFormat().resolvedOptions().timeZone` 返回的设备时区。对于不在 UTC+8 的考生，显示的倒计时仍然指向中国标准时间，因此目标通过 `Date.UTC(year, 5, 7, 1, 0, 0)` 构建——09:00 CST 即 01:00 UTC——而非使用本地时间的 `Date` 构造函数（它会静默使用设备偏移）。闰年仅在用户的规划锚点落在 2 月 29 日时才重要：从 2 月 29 日开始的百日冲刺比从非闰年 2 月 28 日开始的同一冲刺在日历日期上不同。存储使用 `localStorage` 保存可选的主题和目标日期覆盖；T-0 时的可选通知使用每会话一次的 `Notification.requestPermission()` 和 `new Notification(title, { body })` 来弹出系统级提醒，无需离开页面。
核心公式：`diff = target.getTime() - Date.now()`；天 = `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 月份索引 5 代表六月。翻转触发条件为 `Date.now() > new Date(year, 5, 9, 17, 0)`；满足后 `year += 1`。定时器漂移：`setInterval(fn, 1000)` 在主线程负载下会漂移。自修正模式：`setTimeout(fn, 1000 - Date.now() % 1000)` 使每个 tick 重新对齐到下一个整秒。后台节流：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)`（同步，约 5MB 源配额）保存主题和目标覆盖。通知使用 `Notification.requestPermission()` 然后 `new Notification(title, { body, icon })`。渲染：`requestAnimationFrame` 驱动数字翻转动画（隐藏时自动暂停）；显示的数字每帧从 `Date.now()` 重新计算而非递增，因此错过一帧也不会少计数。