Temporizador de cuenta atrás
Crea cronómetros de cuenta atrás con tiempo personalizado y avisos
Establecer tiempo
¿Qué es un temporizador de cuenta atrás en línea?
Un temporizador de cuenta atrás en línea es una herramienta gratuita que funciona en el navegador: cuenta hacia atrás desde el tiempo que tú fijas y te avisa cuando llega a cero. Úsalo para una sesión Pomodoro de 25 minutos, un huevo pasado por agua de 6 minutos, un examen de 45 minutos... lo que necesites medir. A diferencia de estar mirando el reloj, un temporizador te permite olvidarte del tiempo y concentrarte por completo en la tarea. La alarma te devuelve a la realidad cuando termina la cuenta. Sin descargas, sin registro, sin subir nada. Todo funciona dentro de la pestaña de tu navegador.
Cómo usar
Cómo se usa
- Introduce horas, minutos y segundos, o pulsa un tiempo predefinido
- Pulsa 'Iniciar' para arrancar la cuenta atrás y 'Pausar' para detenerla
- La pantalla se vuelve amarilla al acercarse al final y rojo en los últimos 10 segundos
- Al llegar a cero suena una alarma
A tener en cuenta
- Los temporizadores del navegador pueden pausarse o desfasarse cuando la pestaña queda en segundo plano, el dispositivo entra en suspensión o se activa el ahorro de energía.
- Para reuniones, exámenes o trabajo profesional, ten siempre un reloj del sistema o un temporizador dedicado como referencia definitiva.
Casos de uso
Cómo funciona
El temporizador no usa setInterval para contar segundos - ese método se desfasa con el tiempo porque el bucle de eventos del navegador solo garantiza un retraso mínimo, no un ritmo constante. En su lugar, el temporizador registra un instante de inicio con Date.now() y recalcula el tiempo restante en cada fotograma: restante = duraciónObjetivo − (Date.now() − inicio). Este diseño autocorrector hace que el tiempo mostrado se mantenga preciso incluso si el hilo de JavaScript está momentáneamente ocupado con recolección de basura o trabajo de renderizado.
La actualización de la pantalla se hace con requestAnimationFrame, que se sincroniza con la frecuencia de refresco de tu monitor (normalmente 60 veces por segundo, o 120 en pantallas de alta frecuencia). La actualización visual es fluida, pero la medición real del tiempo viene del cálculo con Date.now(): la animación es solo para mostrar, no para medir.
Cuando la pestaña pasa a segundo plano, los navegadores limitan los temporizadores de forma agresiva. En pestañas ocultas, setInterval puede reducirse a una llamada por segundo, y las pestañas inactivas pueden congelarse por completo al cabo de unos minutos si el equipo funciona con batería. El temporizador maneja esta situación consultando el reloj del sistema en cuanto la pestaña vuelve a estar visible, y salta la pantalla al tiempo restante correcto. Para la alarma de fin, la página usa la Web Audio API para reproducir un tono breve. Esto requiere una interacción previa del usuario (como pulsar Iniciar) antes de que se permita el audio: es una política de reproducción automática de los navegadores que evita sonidos no deseados. Si la pestaña está oculta o el sistema suspendido, la alarma no se activa, pero la pantalla mostrará el tiempo transcurrido correcto en cuanto vuelvas.
- Usa Date.now() para precisión de reloj de pared: recalcula el tiempo restante en cada fotograma en lugar de contar ticks de setInterval.
- requestAnimationFrame sincroniza la actualización visual con la frecuencia de refresco de la pantalla para un renderizado fluido.
- Las pestañas en segundo plano son limitadas por el navegador; el temporizador se reconcilia usando el reloj del sistema al regresar.
- La Web Audio API reproduce la alarma y requiere un gesto del usuario (como pulsar Iniciar) antes de permitir el audio.
- Todo el cálculo se ejecuta localmente en el navegador. No se envía ningún dato a ninguna parte.
Ejemplos
Bloque Pomodoro (25 min de trabajo + 5 de descanso)
Duración : 00 : 25 : 00
Inicio : 14:00:00
Fin : 14:25:00 (suena la alarma)
Siguiente : temporizador de descanso de 5 min (predefinido)Cocina - huevo pasado por agua (6 min 30 s)
Ajuste : 00 : 06 : 30
A 1:00 -> aviso visual resalta el tiempo restante
A 0:00 -> alarma + banner en pantalla: ¡Tiempo cumplido!Vigilancia de examen - bloque de 45 minutos
Duración : 00 : 45 : 00
Inicio : 09:15:00
Fin : 10:00:00
Consejo: deja la pestaña en primer plano. En segundo plano, el navegador puede limitar setInterval y desviarse varios segundos a lo largo de 45 minutos.Preguntas frecuentes
¿La cuenta atrás sigue funcionando si cambio de pestaña?
Sí. El temporizador usa el reloj del sistema para medir el tiempo transcurrido, no los ticks de animación. Al volver, el contador salta directamente al tiempo restante correcto.
¿Sonará la alarma si la pestaña está en segundo plano?
Depende del navegador y del dispositivo. Algunos restringen el audio en pestañas en segundo plano para ahorrar batería. Si la alarma es importante, mantén la pestaña visible o en una ventana independiente.
¿Qué pasa si el ordenador entra en suspensión?
El temporizador mide el tiempo con el reloj del sistema, así que se mantiene preciso aunque el equipo se suspenda. El contador se actualiza al despertar el ordenador. Pero la alarma no suena mientras el sistema está suspendido.
¿Qué precisión tiene la cuenta atrás?
La pantalla se actualiza cada segundo, pero internamente usa marcas de tiempo con precisión de milisegundos. Para el día a día -cocinar, reuniones, ejercicio- es más que suficiente. Las pestañas en segundo plano pueden perder algo de precisión por la limitación de recursos del navegador.
¿Puedo guardar mis tiempos predefinidos?
Los botones rápidos de 5, 10, 25 y 45 minutos ya vienen incluidos. Para otras duraciones, escribe el tiempo directamente en los campos de horas, minutos y segundos.
¿El cambio de hora afecta a la cuenta atrás?
No. El temporizador cuenta segundos transcurridos, no horas del calendario. Una cuenta atrás de 2 horas dura exactamente 2 horas, sin importar los cambios de horario.
¿Se envía algún dato a un servidor?
No. El temporizador funciona íntegramente en tu navegador. Los datos nunca salen de tu dispositivo.