Pomodoro-Timer mit Aufgabenliste & Hintergrundgeräuschen

Die Pomodoro-Technik teilt Arbeit in 25-minütige Fokusphasen mit kurzen Pausen dazwischen – so bleibt die Konzentration hoch, ohne dass du ausbrennst. Dieser Timer hat drei Modi: Fokus-Phase (25 Min.), Kurze Pause (5 Min.) und Lange Pause (15 Min.). Mit „Starten“ beginnt der Countdown, ein weiterer Klick pausiert, und „Zurücksetzen“ stellt die volle Zeit des aktuellen Modus wieder her. Der Fortschrittsring schrumpft mit der Zeit und wechselt je nach Modus die Farbe – Orange für Fokus, Grün für die kurze und Blau für die lange Pause –, sodass du auf einen Blick siehst, wo du stehst.

Ist die Zeit abgelaufen, ertönt ein Signalton und unter dem Timer erscheint eine Meldung, dazu ein Kommentar des Maskottchens; kein Pop-up-Fenster blockiert die Seite. Nach einer Fokusphase wechselt der Timer zur kurzen Pause, nach einer Pause zurück zur Fokusphase; die nächste Runde startet aber nicht von selbst. Drücke erneut auf Starten, damit die Uhr nicht läuft, während du nicht am Platz bist. Die klassische Methode sieht nach je vier Pomodoros eine längere Pause vor; der Timer wechselt nicht automatisch zur langen Pause, wähle sie also selbst aus. Der Countdown richtet sich nach dem exakten Endzeitpunkt und bleibt daher genau, auch wenn du den Tab wechselst und der Browser Hintergrundseiten drosselt.

In der Aufgabenliste rechts trägst du ein, woran du arbeiten willst, jeweils mit einer Schätzung von 1 bis 10 Pomodoros. Jede abgeschlossene Fokusphase zählt bei der ersten offenen Aufgabe eins hoch, angezeigt als erledigt/geschätzt, damit du Schätzung und Wirklichkeit vergleichen kannst. Hakst du eine Aufgabe ab, wird sie blasser und durchgestrichen; mit ✕ löschst du sie. Die Aufgaben werden im localStorage dieses Browsers gespeichert, bleiben also beim nächsten Besuch erhalten, werden aber nicht mit anderen Geräten synchronisiert.

Der Hintergrundsound bietet gleichmäßigen Regen und knisterndes Kaminfeuer, einzeln oder gemeinsam. Beide werden live mit der Web Audio API erzeugt: Regen ist gefiltertes weißes Rauschen, das Feuer tiefes braunes Rauschen mit zufälligem Knistern – es müssen keine Audiodateien geladen werden. Die Geräusche laufen nur, solange der Timer läuft, und stoppen beim Pausieren oder Moduswechsel. Die drei Zeiten sind fest vorgegeben und lassen sich nicht anpassen; wer lieber 50 Minuten am Stück arbeitet, hängt einfach zwei Fokusphasen aneinander.