Wie benutzt du dieses Tool?
- Modus oben wählen: Einzel, Multi, Pomodoro oder Event.
- Dauer eingeben — frei wie „25:00", „1h 30m", „90s" oder einfach „25".
- Auf „Starten" klicken. Der Countdown läuft in der System-Uhr, der Tab-Titel zeigt die Restzeit.
- In den Einstellungen Klang wählen, Lautstärke setzen, optional Display anlassen oder System-Benachrichtigung aktivieren.
- Bei Multi und Event laufen mehrere Timer parallel — jeder mit eigener Bezeichnung. „Pause" friert die Restzeit, „Weiter" rechnet sie auf die neue Uhrzeit hoch.
Was kann der Countdown-Timer?
Der Countdown-Timer ist ein Multi-Mode-Werkzeug, das vier verwandte Timer-Use-Cases auf einer Seite bündelt: ein Einzeltimer für den Tee oder eine Einzelaufgabe, Multi-Timer mit bis zu fünf parallelen Countdowns für Kochen oder Workout-Intervalle, Pomodoro mit dem klassischen 25/5-Cycle plus Streak-Counter und langer Pause nach vier Pomodoros sowie ein Event-Countdown auf ein konkretes Datum wie Silvester, Geburtstag oder Projekt-Deadline.
Drei Eigenschaften unterscheiden das Tool von der recherchierten Konkurrenz: Erstens ist der Countdown hintergrund-präzise. Während klassische setInterval-Implementierungen in gedrosselten Tabs Drift ansammeln (siehe Mozilla Bug #652472 und Chrome’s Tab-Throttling), speichert dieses Tool nur den Ziel-Zeitstempel und rechnet bei jedem Render verbleibend = ziel - Date.now(). Der Wall-Clock ist die Source-of-Truth — egal, wie selten der Tab tickt, der nächste Tick zeigt die korrekte Restzeit. Zweitens kombiniert es Single, Multi, Pomodoro und Event in einem Tool. Konkurrenz-Cooking-Timer können kein Pomodoro, Pomofocus kann kein Multi-Cooking, e.ggtimer kann kein Multi. Drittens ist die Sticky-Persistierung pure-client: alle Timer überleben den Reload via Local-Storage, ohne Account-Zwang, ohne Cookie-Banner, ohne Sync-Server.
Die Bedienung folgt dem Refined-Minimalism-Prinzip: ein Modus-Selektor oben, modus-spezifische Eingabefelder darunter, ein großer Start-Button, das Ergebnis prominent in einer Mono-Schrift-Karte. Das Tab-Title-Update zeigt die Restzeit dezent in der Browser-Leiste — du musst nicht zum Tab zurückspringen, um die Zeit zu prüfen.
Wie funktioniert der hintergrund-präzise Tick?
Browser drosseln die Update-Frequenz von Hintergrund-Tabs aus Energie-Gründen — Chrome auf 1 Hz, Firefox auf 0.5 Hz, Safari noch aggressiver bei Akku-Betrieb (Page Visibility API). Ein naiver Pomodoro-Timer, der bei jedem setInterval-Tick remaining -= 1000 rechnet, summiert in einem 25-Minuten-Cycle im Hintergrund-Tab gut 5–10 Sekunden Drift — der Alarm verspätet sich entsprechend.
Dieses Tool nutzt einen anderen Ansatz: Beim Start wird der Wall-Clock-Zielzeitstempel endTimestamp = Date.now() + durationMs gespeichert. Auf jedem setInterval-Tick (alle 200 ms) wird verbleibend = endTimestamp - Date.now() neu berechnet. Wenn der Tab gedrosselt wird und nur jede Sekunde tickt, springt der Tick die volle gedrosselte Zeit über — die Restzeit ist trotzdem korrekt, weil sie aus der System-Uhr abgeleitet wird, nicht aus einer Tick-Zählung. Beim Reload wird derselbe endTimestamp aus dem Local-Storage wiederhergestellt und die Restzeit weiterläuft, als wäre nichts gewesen.
Der Audio-Alarm hat ein eigenes Drift-Problem: setTimeout kann verspätet feuern oder ganz aus der Drosselung herausfallen. Lösung ist das Web-Audio-API: Oszillator-Knoten werden mit AudioContext.currentTime geplant, das nicht gedrosselt wird — auch wenn der Tab eine Stunde im Hintergrund war, spielt der Alarm zur exakt geplanten Sekunde nach dem Auf-Vordergrund-Wechseln. Auf iOS-Safari muss AudioContext einmalig per User-Geste „unlocked” werden, was beim Klick auf den Start-Button oder „Klang testen” automatisch passiert.
Wie ist der Pomodoro-Modus aufgebaut?
Die Pomodoro-Methode wurde Ende der 1980er-Jahre von Francesco Cirillo entwickelt und nach seiner tomatenförmigen Küchenuhr benannt (Pomodoro-Technik auf Wikipedia, pomodorotechnique.com). Der klassische Cycle: 25 Minuten konzentriertes Arbeiten, 5 Minuten Pause, das viermal — danach eine lange Pause von 15 Minuten als Reset, bevor der nächste Block startet.
Der Pomodoro-Modus in diesem Tool implementiert genau diesen Cycle als State-Machine. Nach jedem Arbeits-Block wechselt das Tool automatisch in die Pause, nach jedem Pause-Block zurück in die Arbeit; nach vier Arbeits-Blöcken (completedWorkBlocks % 4 === 0) wird die nächste Pause zur langen Pause. Der Counter zählt die heute abgeschlossenen Pomodoros — sichtbar als Streak, jederzeit per Klick zurücksetzbar.
Vier Presets decken die häufigsten Arbeitsstile ab:
| Preset | Arbeit | Pause | Lange Pause | Streak |
|---|---|---|---|---|
| Klassisch | 25 Min | 5 Min | 15 Min | nach 4 |
| Kurz | 15 Min | 3 Min | 10 Min | nach 4 |
| Lang | 50 Min | 10 Min | 30 Min | nach 2 |
| Flow | 90 Min | 20 Min | 30 Min | nach 1 |
„Klassisch” ist die Original-Definition, „Kurz” passt für stark fragmentierte Tage, „Lang” approximiert die Ultradian-Cycles (90-Minuten-Rhythmen des Gehirns laut BWRT-Forschung), „Flow” entspricht Cal Newport’s „Deep Work”-Blöcken. Die Auto-Switch-Option lässt sich im Einstellungen-Akkordeon ausschalten, falls du den Phasenwechsel manuell quittieren möchtest — zum Beispiel um nicht mitten in einem Gedankengang in die Pause zu fallen.
Wann nutze ich Multi-Timer beim Kochen?
Kochen mit mehreren Komponenten ist der häufigste Multi-Timer-Use-Case: Pasta 8 Minuten, Brokkoli 5 Minuten, Sauce 12 Minuten — alles parallel, alle mit unterschiedlicher Endzeit. Klassische Küchenuhren kann man nur eine bedienen, App-Store-Cooking-Timer verlangen oft Account-Anmeldung, der Browser-Tab ist die natürliche Lösung. Bis zu fünf parallele Timer in diesem Tool, jeder mit eigener Bezeichnung — der Tab-Titel zeigt den als nächstes ablaufenden Timer im Wechsel, sodass du beim Schneiden, Rühren oder Geschirr-Spülen einen Blick auf die Browser-Leiste genügt.
Die Option Display anlassen in den Einstellungen ist beim Tablet-Kochen Gold wert. Sie nutzt das Screen Wake Lock API, das seit 2025 in allen aktuellen Browsern (Chrome 84+, Firefox 126+, Safari 16.4+) stabil verfügbar ist — der Bildschirm geht nicht in den Standby, solange die Option aktiv ist und der Tab fokussiert bleibt. Beim Tab-Wechsel wird das Lock automatisch freigegeben, um Akku zu sparen.
HIIT-Intervalle sind der zweite Multi-Use-Case: 45 Sekunden Sprint, 15 Sekunden Pause, das mehrmals. Statt einer App, die eine Fitness-Liga vorgibt, gibst du genau die Dauern ein, die zu deinem Training passen. Der Audio-Alarm zwischen Sprint und Pause ist über die Klang-Auswahl konfigurierbar — „Beep” für minimal-distractive, „Bell” für eine klarere Phase-End-Markierung.
Wie genau ist ein Event-Countdown bei Zeitzonen-Wechsel?
Der Event-Countdown speichert das Ziel-Datum als Wall-Clock-Eingabe in der Browser-Zeitzone. Beim Anlegen wird die Eingabe YYYY-MM-DDTHH:mm über new Date(datetime).getTime() in einen UTC-Zeitstempel konvertiert — also die Sekunde, an der dieser Wall-Clock-Moment in der aktuellen Zeitzone des Browsers vorbei ist. Diese Sekunde ist absolut: wenn du auf der Reise die Zeitzone wechselst, läuft der Countdown auf denselben absoluten Moment weiter.
Konkretes Beispiel: Du legst in Berlin (CEST, UTC+2) einen Countdown auf den 31.12. um 00:00 Uhr an. Der gespeicherte Ziel-Zeitstempel ist 31.12. 00:00 UTC+2 = 30.12. 22:00 UTC. Wenn du an Silvester nach New York fliegst (EST, UTC−5), zeigt der Countdown weiter dieselbe absolute Restzeit — bei dir lokal in New York läuft er an, wenn es dort 30.12. 17:00 ist (das ist 31.12. 00:00 Berlin). Wer den Countdown stattdessen lokal in New York will (00:00 EST = 06:00 UTC), muss den Countdown in New York neu anlegen oder die Datum-Eingabe entsprechend wählen.
Für Sommerzeit-Wechsel (DST/MEZ→MESZ) gilt dasselbe Prinzip: die Eingabe wird zum absoluten UTC-Zeitstempel konvertiert, der DST-Wechsel verschiebt nicht den absoluten Moment. Wer Countdowns auf abstrakte „Lokal-Zeit”-Konzepte will (z.B. „immer 18:00 Uhr Berlin egal welche Zeitzone”), braucht ein Zeitzonen-Tool — das geht über den Scope eines reinen Countdown-Timers hinaus.
Was sind die Grenzen des Tools?
Das Tool macht bewusst nicht: kein Cloud-Sync zwischen Geräten (Privacy-Hard-Cap §7, kein Server, kein Account), keine Productivity-Statistiken/Charts (Stats-SaaS-Territorium, nicht Timer-Tool), keine Task-/To-Do-Liste (Pomofocus/TickTick-Scope), keine User-Upload-Sounds (Privacy + UI-Komplexität, Preset-Liste reicht), kein Voice-Alarm (Web-Speech-API ist Phase-2-Backlog, falls Demand). Der Pomodoro-Streak ist tagesungebunden — wenn du um Mitternacht weiterarbeitest, zählt das Tool den Streak hoch ohne Day-Reset; wer einen täglich neu beginnenden Streak will, muss manuell zurücksetzen.
System-Benachrichtigungen sind optional und Opt-in. Das Tool fragt nicht automatisch beim Page-Load nach Permission — Permission-Prompts unterbrechen den Flow, sind selbst ein UX-Anti-Pattern. Stattdessen liegt der Aktivieren-Button im Einstellungen-Akkordeon. Wer System-Benachrichtigungen nutzt, muss in den Browser-Site-Settings die Permission auch erteilt haben; bei „Blockiert” zeigt das Tool eine entsprechende Meldung und der Audio-Alarm bleibt die einzige Signal-Quelle.
Wake-Lock funktioniert nur, solange der Tab im Vordergrund ist. Beim Tab-Wechsel wird das Lock automatisch freigegeben, um Akku zu sparen — das ist Standard-Browser-Verhalten und vom W3C so spezifiziert. Wer den Bildschirm auch bei verstecktem Tab wach halten will, braucht ein installiertes Programm — ein Browser-Tool kann das nicht.
Welche verwandten Tools gibt es?
Der Countdown-Timer ist Teil einer Zeit-Tool-Familie. Der Altersrechner berechnet Alter aus einem Geburtsdatum mit Methoden-Toggle nach BGB §187 vs. pragmatisch. Der Datumsrechner liefert die Anzahl Tage zwischen zwei Daten oder das Datum nach N Tagen — komplementär zum Event-Countdown, wenn du nicht „wie lange noch” sondern „welches Datum” brauchst.
Der Zeitzonen-Rechner konvertiert konkrete Uhrzeiten zwischen Zonen — Pendant zum Event-Countdown, wenn dein Event eine Lokal-Zeit in einer fremden Zone ist (z.B. „Live-Stream 14:00 PST”). Der Unix-Timestamp-Konverter ist die Developer-Variante des Zeit-Tools und wandelt zwischen UTC-Sekunden und Wall-Clock-Strings.
Wer den Pomodoro-Modus separat als Hub-Page sucht, sollte hier den vollen Tab nutzen — eine eigene pomodoro-timer-Seite ist in der Backlog-Pipeline, wird aber erst gebaut, wenn GSC-Daten zeigen, dass die Pomodoro-Query stark genug ist, einen eigenen Slug zu rechtfertigen.
Zuletzt aktualisiert: