Инструмент обратного отсчета до гаокао

Обратный отсчет до гаокао показывает, сколько времени осталось до китайского национального вступительного экзамена в университеты: дни, часы, минуты и секунды. Это не просто визуальный таймер, а общий ориентир для повторения тем, пробных экзаменов, отдыха, проверки документов и поездок к месту сдачи. Студенты, родители и преподаватели могут опираться на одну дату без постоянных пересчетов. Инструмент не оценивает подготовку и не прогнозирует баллы; он делает оставшийся срок конкретным ресурсом, с которым проще планировать последние месяцы перед экзаменом. Особенно это важно, когда нужно распределить силы между разными предметами. При совместном использовании нужно заранее прояснить входные данные, допущения и ожидаемый результат, чтобы вывод не поняли неверно.

Обратный отсчёт — это однострочное вычитание, обёрнутое в цикл обновления. Оставшаяся продолжительность вычисляется как `target.getTime() - Date.now()` в миллисекундах, затем разлагается целочисленным делением: дни = `Math.floor(diff / 86400000)`, часы = `Math.floor(diff / 3600000) % 24`, минуты = `Math.floor(diff / 60000) % 60`, секунды = `Math.floor(diff / 1000) % 60`. Целевой момент фиксирован: Гаокао проводится ежегодно 7 июня, начало в 09:00 по Пекинскому времени (UTC+8), в некоторых провинциях с новым форматом экзамен продлевается до четвёртого дня. Правило переключения сравнивает `Date.now()` с `new Date(year, 5, 9, 17, 0)` — месяцы в JS нумеруются с нуля, поэтому 5 — это июнь — и увеличивает `year` на единицу, когда этот момент пройден. Две ловушки тайминга определяют цикл обновления. Во-первых, `setInterval(fn, 1000)` дрейфует: callback может сработать через 1003–1020 мс из-за нагрузки на основной поток, и дрейф накапливается, поскольку следующий дедлайн планируется от предыдущего срабатывания, а не от привязки к реальным часам. Решение — планировать `setTimeout` с задержкой `1000 - (Date.now() % 1000)`, чтобы каждый тик перестраивался на следующую целую секунду, или пересчитывать отображаемое значение из `Date.now()` при каждом срабатывании вместо инкремента счётчика. Во-вторых, HTML5 Page Visibility API и ограничение браузера сжимают таймеры фоновых вкладок примерно до одного раза в минуту (минимум 1 Гц в современных Chrome/Firefox/Safari, когда вкладка скрыта); страница согласует данные, пересчитывая из `Date.now()` при `visibilitychange`, а не считая срабатывания интервала. `requestAnimationFrame` зарезервирован для плавной анимации переворота цифр и автоматически ставится на паузу, когда вкладка скрыта, поэтому он не должен быть источником истины для временной метки. Локализация использует часовой пояс устройства, возвращаемый `Intl.DateTimeFormat().resolvedOptions().timeZone`. Для абитуриента, находящегося вне UTC+8, отображаемый обратный отсчёт всё равно нацелен на Пекинское время, поэтому цель конструируется один раз через `Date.UTC(year, 5, 7, 1, 0, 0)` — 09:00 CST это 01:00 UTC — а не через конструктор `Date` с местным временем, который молча использовал бы смещение устройства. Високосные годы имеют значение, только если якорь планирования пользователя падает на 29 февраля: 100-дневный спринт, начатый 29 февраля, приходится на другую календарную дату, чем тот же спринт, начатый 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 мс/день, 3 600 000 мс/час, 60 000 мс/мин.
• Цель: 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)` перестраивает каждый тик на следующую целую секунду.
• Ограничение в фоне: Page Visibility API + политика браузера сжимают таймеры скрытых вкладок до 1 Гц (Chrome/Firefox/Safari). Согласование — пересчёт из `Date.now()` при `visibilitychange`, а не подсчёт срабатываний.
• Часовой пояс: цель строится через `Date.UTC(year, 5, 7, 1, 0, 0)` (09:00 CST = 01:00 UTC), чтобы абитуриенты вне UTC+8 видели корректный отсчёт до момента экзамена, а не до своего местного 09:00.
• Хранение: `localStorage.setItem(key, value)` (синхронный, квота ~5 МБ на источник) для темы и переопределений цели. Уведомления — `Notification.requestPermission()`, затем `new Notification(title, { body, icon })`.
• Рендеринг: `requestAnimationFrame` управляет анимацией переворота цифр (автозамена при скрытии); отображаемые цифры пересчитываются из `Date.now()` на каждом кадре, а не инкрементируются, поэтому пропущенный кадр никогда не занижает счёт.