¿Cómo usar esta herramienta?
- Elija el modo arriba: único, multi, Pomodoro o evento.
- Introduzca la duración — libremente como «25:00», «1h 30m», «90s» o simplemente «25».
- Pulse «Iniciar». La cuenta atrás se apoya en el reloj del sistema, el título de la pestaña muestra el tiempo restante.
- En los ajustes, elija el sonido, ajuste el volumen, opcionalmente active la pantalla siempre encendida o las notificaciones del sistema.
- En modo multi y evento, varios temporizadores corren en paralelo — cada uno con su propia etiqueta. «Pausar» congela el tiempo restante, «Reanudar» lo proyecta a la nueva hora.
¿Qué puede el temporizador?
El temporizador es una herramienta multimodo que reúne en una página cuatro casos de uso de temporizador relacionados: un temporizador único para el té o una tarea individual, un multi-temporizador con hasta cinco cuentas atrás paralelas para cocina o intervalos de entrenamiento, Pomodoro con el ciclo clásico 25/5 más contador de racha y pausa larga tras cuatro Pomodoros, así como una cuenta atrás de evento hacia una fecha concreta como Nochevieja, cumpleaños o deadline de proyecto.
Tres propiedades distinguen la herramienta de la competencia estudiada: primero, la cuenta atrás es precisa en segundo plano. Mientras que las implementaciones clásicas con setInterval acumulan deriva en pestañas ralentizadas (véase Mozilla Bug #652472 y el tab-throttling de Chrome), esta herramienta solo almacena la marca de tiempo objetivo y recalcula en cada render restante = objetivo - Date.now(). El reloj de pared es la fuente de verdad — por escaso que sea el tick, el siguiente muestra el tiempo restante correcto. Segundo, combina único, multi, Pomodoro y evento en una sola herramienta. Los cooking timers de la competencia no hacen Pomodoro, Pomofocus no hace multi-cooking, e.ggtimer no hace multi. Tercero, la persistencia Sticky es cliente puro: todos los temporizadores sobreviven al recargado vía Local-Storage, sin obligación de cuenta, sin banner de cookies, sin servidor de sync.
El manejo sigue el principio Refined-Minimalism: un selector de modo arriba, campos de entrada específicos de modo debajo, un gran botón Iniciar, el resultado prominente en una tarjeta con tipografía Mono. La actualización del título de pestaña muestra discretamente el tiempo restante en la barra del navegador — no necesita volver a la pestaña para comprobar el tiempo.
¿Cómo funciona el tick preciso en segundo plano?
Los navegadores ralentizan la frecuencia de actualización de pestañas de fondo por motivos de energía — Chrome a 1 Hz, Firefox a 0,5 Hz, Safari aún más agresivamente con batería (Page Visibility API). Un Pomodoro ingenuo que en cada tick setInterval calcula remaining -= 1000 acumula en un ciclo de 25 minutos en pestaña de fondo fácilmente 5 a 10 segundos de deriva — la alarma se retrasa en consecuencia.
Esta herramienta usa otro enfoque: al iniciar, se guarda la marca de tiempo objetivo Wall-Clock endTimestamp = Date.now() + durationMs. En cada tick de setInterval (cada 200 ms), se recalcula restante = endTimestamp - Date.now(). Si la pestaña se ralentiza y solo hace tick una vez por segundo, el tick salta toda la duración ralentizada — el tiempo restante sigue siendo correcto porque se deriva del reloj del sistema, no de un conteo de ticks. Al recargar, el mismo endTimestamp se restaura desde Local-Storage y el tiempo restante continúa como si nada hubiera pasado.
La alarma audio tiene su propio problema de deriva: setTimeout puede dispararse tarde o desaparecer por completo del ralentizamiento. La solución es la Web Audio API: los nodos osciladores se planifican con AudioContext.currentTime, que no se ralentiza — incluso si la pestaña ha estado una hora en segundo plano, la alarma suena en el segundo exactamente planificado tras volver a primer plano. En iOS Safari, AudioContext debe «desbloquearse» una vez por un gesto de usuario, lo que ocurre automáticamente al pulsar el botón Iniciar o «Probar sonido».
¿Cómo está construido el modo Pomodoro?
El método Pomodoro fue desarrollado a finales de los años 1980 por Francesco Cirillo y bautizado por su temporizador de cocina con forma de tomate (Técnica Pomodoro en Wikipedia, pomodorotechnique.com). El ciclo clásico: 25 minutos de trabajo concentrado, 5 minutos de pausa, cuatro veces — luego una pausa larga de 15 minutos como reset, antes de iniciar el siguiente bloque.
El modo Pomodoro de esta herramienta implementa precisamente ese ciclo como máquina de estados. Tras cada bloque de trabajo, la herramienta cambia automáticamente a pausa, tras cada bloque de pausa de vuelta al trabajo; tras cuatro bloques de trabajo (completedWorkBlocks % 4 === 0), la siguiente pausa se convierte en pausa larga. El contador cuenta los Pomodoros terminados hoy — visible como racha, reiniciable con un clic en cualquier momento.
Cuatro presets cubren los estilos de trabajo más frecuentes:
| Preset | Trabajo | Pausa | Pausa larga | Racha |
|---|---|---|---|---|
| Clásico | 25 min | 5 min | 15 min | tras 4 |
| Corto | 15 min | 3 min | 10 min | tras 4 |
| Largo | 50 min | 10 min | 30 min | tras 2 |
| Flow | 90 min | 20 min | 30 min | tras 1 |
«Clásico» es la definición original, «Corto» encaja para días muy fragmentados, «Largo» aproxima los ciclos ultradianos (ritmos de 90 minutos del cerebro según la investigación BRAC), «Flow» corresponde a los bloques «Deep Work» de Cal Newport. La opción auto-switch se puede desactivar en el acordeón Ajustes si quiere acusar manualmente el cambio de fase — por ejemplo para no caer en pausa en mitad de un pensamiento.
¿Cuándo uso multi-temporizador para cocinar?
Cocinar con varios componentes es el caso multi-temporizador más frecuente: pasta 8 minutos, brócoli 5 minutos, salsa 12 minutos — todo en paralelo, todos con tiempo de finalización distinto. Un temporizador de cocina clásico solo puede manejar uno, los cooking-timers del App Store suelen exigir cuenta, la pestaña de navegador es la solución natural. Hasta cinco temporizadores paralelos en esta herramienta, cada uno con su etiqueta — el título de pestaña muestra el siguiente que vencerá en alternancia, basta una mirada a la barra del navegador mientras corta, remueve o friega.
La opción Mantener pantalla encendida en los ajustes es oro al cocinar con tableta. Usa la Screen Wake Lock API, disponible de forma estable desde 2025 en todos los navegadores actuales (Chrome 84+, Firefox 126+, Safari 16.4+) — la pantalla no entra en suspensión mientras la opción esté activa y la pestaña enfocada. Al cambiar de pestaña, el lock se libera automáticamente para ahorrar batería.
Los intervalos HIIT son el segundo caso multi: 45 segundos de sprint, 15 segundos de pausa, varias veces. En lugar de una app que impone una liga fitness, introduce exactamente las duraciones que encajan con su entrenamiento. La alarma audio entre sprint y pausa es configurable a través de la elección de sonido — «Beep» para mínimo-no-distractivo, «Bell» para una marca de fin de fase más clara.
¿Cuán preciso es una cuenta atrás de evento al cambiar de huso?
La cuenta atrás de evento guarda la fecha objetivo como entrada Wall-Clock en el huso del navegador. Al crearla, la entrada YYYY-MM-DDTHH:mm se convierte vía new Date(datetime).getTime() en una marca de tiempo UTC — es decir, el segundo en el que ese momento Wall-Clock en el huso actual del navegador ha pasado. Ese segundo es absoluto: si cambia de huso de viaje, la cuenta atrás continúa hacia el mismo momento absoluto.
Ejemplo concreto: en Madrid (CEST, UTC+2) crea una cuenta atrás al 31/12 a las 00:00. La marca de tiempo objetivo guardada es 31/12 00:00 UTC+2 = 30/12 22:00 UTC. Si vuela a Nueva York para Nochevieja (EST, UTC−5), la cuenta atrás muestra el mismo tiempo restante absoluto — termina, localmente en Nueva York, cuando son las 30/12 17:00 (que son 31/12 00:00 en Madrid). Quien en lugar de eso quiera la cuenta atrás localmente en Nueva York (00:00 EST = 06:00 UTC) debe crearla en Nueva York o elegir la entrada de fecha en consecuencia.
Para el cambio de hora de verano (CET→CEST) vale el mismo principio: la entrada se convierte a marca de tiempo UTC absoluta, el cambio horario no desplaza el momento absoluto. Quien quiera cuentas atrás sobre conceptos abstractos «hora local» (p. ej. «siempre 18:00 Madrid sea el huso que sea») necesita una herramienta de husos horarios — eso supera el ámbito de un temporizador puro.
¿Cuáles son los límites de la herramienta?
La herramienta no hace deliberadamente: sin sync en cloud entre dispositivos (Hard-Cap Privacy §7, sin servidor, sin cuenta), sin estadísticas/charts de productividad (territorio stats-SaaS, no herramienta de timer), sin lista de tareas/to-do (alcance Pomofocus/TickTick), sin sonidos subidos por usuario (privacidad + complejidad UI, la lista de presets basta), sin alarma por voz (la Web Speech API está en el backlog Fase 2, si hay demanda). La racha Pomodoro no está atada al día — si trabaja pasada la medianoche, la herramienta incrementa la racha sin reset de día; quien quiera una racha que reinicie cada día debe reiniciarla manualmente.
Las notificaciones del sistema son opcionales y opt-in. La herramienta no pide automáticamente permiso al cargar la página — los prompts de permiso interrumpen el flow, son en sí mismos un anti-patrón UX. En su lugar, el botón Activar está en el acordeón Ajustes. Quien use notificaciones del sistema debe haber concedido el permiso también en los ajustes de sitio del navegador; en «Bloqueado», la herramienta muestra un mensaje correspondiente y la alarma audio sigue siendo la única fuente de señal.
El Wake-Lock solo funciona mientras la pestaña esté en primer plano. Al cambiar de pestaña, el lock se libera automáticamente para ahorrar batería — ese es el comportamiento estándar del navegador, especificado así por el W3C. Quien quiera mantener la pantalla despierta también con la pestaña oculta necesita un programa instalado — una herramienta de navegador no puede hacerlo.
¿Qué herramientas relacionadas existen?
El temporizador forma parte de una familia de herramientas de tiempo. La Calculadora de edad calcula la edad desde una fecha de nacimiento con conmutador de método. La Calculadora de fechas entrega la cantidad de días entre dos fechas o la fecha tras N días — complementaria a la cuenta atrás de evento, cuando quiere «qué fecha» en lugar de «cuánto tiempo queda».
El Conversor de zonas horarias convierte horas concretas entre zonas — pareja de la cuenta atrás de evento cuando su evento es una hora local en un huso ajeno (p. ej. «Live-Stream 14:00 PST»). El Conversor de timestamp Unix es la variante de desarrollador de las herramientas de tiempo y convierte entre segundos UTC y cadenas Wall-Clock.
Quien busque el modo Pomodoro por separado como hub-page debe usar aquí la pestaña completa — una página pomodoro-timer propia está en el pipeline del backlog, pero solo se construirá cuando los datos GSC muestren que la consulta Pomodoro es lo bastante fuerte para justificar un slug propio.
Última actualización: