Herramienta de Cuenta Regresiva Gaokao

El contador para el Gaokao muestra cuánto falta para el examen nacional chino de acceso a la universidad, normalmente en días, horas, minutos y segundos. Sirve como una referencia de tiempo concreta para organizar repasos, simulacros, descanso, trámites y desplazamientos antes de la prueba. No es solo una cuenta atrás visual: ayuda a estudiantes, familias y profesores a hablar del mismo plazo sin calcularlo cada vez. El contador no evalúa el nivel de preparación ni sustituye un plan de estudio, pero convierte una fecha lejana en un presupuesto de tiempo visible y más fácil de administrar.

La cuenta regresiva es una resta envuelta en un bucle de refresco. La duración restante se calcula como `target.getTime() - Date.now()` en milisegundos, luego se descompone mediante división entera: días = `Math.floor(diff / 86400000)`, horas = `Math.floor(diff / 3600000) % 24`, minutos = `Math.floor(diff / 60000) % 60`, segundos = `Math.floor(diff / 1000) % 60`. El momento objetivo es fijo: el Gaokao se celebra anualmente el 7 de junio a las 09:00 hora estándar de China (UTC+8), con algunas provincias del nuevo Gaokao extendiéndose hasta un cuarto día. La regla de transición compara `Date.now()` con `new Date(year, 5, 9, 17, 0)` — los meses en JS comienzan en 0, por lo que 5 es junio — y avanza `year` en uno una vez que ese instante ha pasado. Dos trampas de temporización impulsan el bucle de refresco. Primero, `setInterval(fn, 1000)` se desincroniza: el callback puede ejecutarse 1003-1020 ms después bajo contención del hilo principal, y la deriva se acumula porque el siguiente vencimiento se programa desde la ejecución anterior, no desde un ancla del reloj. La solución es programar `setTimeout` con un retardo de `1000 - (Date.now() % 1000)` para que cada tick se re-alinee al siguiente segundo completo, o recalcular el valor mostrado desde `Date.now()` en cada ejecución en lugar de incrementar un contador. Segundo, la API HTML5 Page Visibility y la limitación del navegador ajustan los temporizadores de pestañas ocultas a aproximadamente una vez por mínimo (1 Hz mínimo en Chrome/Firefox/Safari modernos cuando la pestaña está oculta); la página se reconcilia recalculando desde `Date.now()` en el evento `visibilitychange` en lugar de contar las ejecuciones del intervalo. `requestAnimationFrame` se reserva para la animación suave de giro de dígitos y se pausa automáticamente cuando la pestaña está oculta, por lo que no debe ser la fuente de verdad para la marca de tiempo. La localización usa la zona horaria del dispositivo devuelta por `Intl.DateTimeFormat().resolvedOptions().timeZone`. Para un candidato fuera de UTC+8, la cuenta regresiva mostrada sigue apuntando a la hora estándar de China, por lo que el objetivo se construye una vez con `Date.UTC(year, 5, 7, 1, 0, 0)` — 09:00 CST es 01:00 UTC — en lugar del constructor `Date` en hora local que usaría silenciosamente el desplazamiento del dispositivo. Los años bisiestos importan solo cuando el ancla de planificación del usuario cae el 29 de febrero: un sprint de 100 días iniciado el 29 de febrero cae en una fecha de calendario diferente que el mismo sprint iniciado el 28 de febrero de un año no bisiesto. El almacenamiento es `localStorage` para el tema opcional y las sobreescrituras de fecha objetivo; la notificación opcional en T-0 usa `Notification.requestPermission()` una vez por sesión y `new Notification(title, { body })` para mostrar una alerta a nivel de sistema sin abandonar la página.

• Fórmula central: `diff = target.getTime() - Date.now()`; días = `Math.floor(diff / 86400000)`, luego `% 24`, `% 60`, `% 60` para h/m/s. Constantes: 86.400.000 ms/día, 3.600.000 ms/hora, 60.000 ms/min.
• Objetivo: 7 de junio, 09:00 hora estándar de China (UTC+8). El índice de mes en JS es 5 para junio. La transición se activa cuando `Date.now() > new Date(year, 5, 9, 17, 0)`; entonces `year += 1`.
• Deriva del temporizador: `setInterval(fn, 1000)` se desincroniza bajo carga del hilo principal. Patrón auto-corregible: `setTimeout(fn, 1000 - Date.now() % 1000)` re-alinea cada tick al siguiente segundo completo.
• Limitación en segundo plano: API Page Visibility + política del navegador ajusta los temporizadores de pestañas ocultas a 1 Hz (Chrome/Firefox/Safari). Reconciliar recalculando desde `Date.now()` en `visibilitychange`, no contando ejecuciones.
• Zona horaria: construir el objetivo mediante `Date.UTC(year, 5, 7, 1, 0, 0)` (09:00 CST = 01:00 UTC) para que los candidatos fuera de UTC+8 vean una cuenta regresiva correcta al momento del examen, no su 09:00 local.
• Persistencia: `localStorage.setItem(key, value)` (sincrónico, ~5 MB de cuota por origen) para tema y sobreescrituras de objetivo. Las notificaciones usan `Notification.requestPermission()` y luego `new Notification(title, { body, icon })`.
• Renderizado: `requestAnimationFrame` impulsa la animación de giro de dígitos (auto-pausada cuando está oculta); los dígitos mostrados se recalculan desde `Date.now()` en cada fotograma, no se incrementan, por lo que un fotograma perdido nunca subcuenta.