Skip to timer

Ambient Pomodoro

Set an interval, raise a soundscape, and work until the chime. The countdown is anchored to a real clock time, so it stays accurate in a background tab.

Cirillo intervals · 100% client-side

Focus

25:00

Space start · R reset · S skip

Ambient mixer

0%
0%
0%

Recordings used under Creative Commons | see credits.

How-To Guide

How to use the Ambient Pomodoro

The technique works by making the unit of work fixed and the decision of what to work on happen once, in advance. Here is the workflow.

1

Pick one task first

Decide what you are working on before you press start. Choosing mid-session is itself a context switch, the one this method exists to remove.

2

Set your interval

Open Intervals to change the focus and break lengths. Defaults are 25/5 with a long break every four sessions. Settings are saved in this browser.

3

Raise a soundscape

Move any mixer slider above zero. Channels layer freely, and audio only downloads once you actually use it.

4

Work until the chime

Press Start, or hit Space. The dial and the tab title both track the countdown, so you can leave the tab and still see the time remaining.

How the timer and mixer work

Absolute-time countdown

Browsers throttle timers in inactive tabs, so a naive tick-by-tick countdown drifts badly in the background. This timer records the absolute finish timestamp when you press start and derives the remaining time from the system clock on every frame. Switching tabs, sleeping the display, or leaving it running for an hour does not accumulate error.

Layered ambient mixer

Rain and cafe are looped field recordings that load lazily, nothing is fetched until you raise that channel. Brown noise is synthesised live in the Web Audio API from a filtered random walk, so it costs no bandwidth and has no audible loop point. All three mix independently.

Sound tip. Intelligible speech competes for the same language processing you use when reading or writing, which is why conversation is more disruptive than equivalently loud non-speech noise. The cafe recording is not in English, which helps, but if you catch yourself following a conversation, lower it or switch to rain.
Method & Background

Choosing your intervals

The 25/5 split comes from Francesco Cirillo’s original method, developed as a university student in the late 1980s and named after a tomato-shaped kitchen timer. It is a starting point, not a law.

Session structure

Shorter intervals suit shallow, interruptible work, email, admin, code review. Longer intervals of 45–50 minutes usually serve deep technical work better, because complex problems take several minutes to load into working memory and a break at minute 25 can discard that. If you routinely feel cut off mid-thought, lengthen the focus block rather than pushing through and ignoring the chime; a timer you override stops functioning as a commitment.

References & documentation

  1. Cirillo, F. (2018). The Pomodoro Technique: The Life-Changing Time-Management System. Virgin Books.
  2. Ariga, A., & Lleras, A. (2011). Brief and rare mental “breaks” keep you focused: Deactivation and reactivation of task goals preempt vigilance decrements. Cognition, 118(3), 439–443.
  3. Salamé, P., & Baddeley, A. (1982). Disruption of short-term memory by unattended speech: Implications for the structure of working memory. Journal of Verbal Learning and Verbal Behavior, 21(2), 150–164.
  4. MDN: Web Audio API · Page Visibility API.

Frequently asked questions

Does the timer keep running if I switch tabs?
Yes. The countdown is anchored to an absolute finish time rather than counting ticks, so browser throttling of inactive tabs does not cause drift. The remaining time also appears in the tab title.
Is my data uploaded anywhere?
No. Everything runs in your browser. Your intervals are stored in this browser’s local storage and nothing about your sessions is sent to a server.
How long should a focus session be?
25 minutes is the classic default and suits interruptible work. For debugging, reading papers, or writing, 45–50 minutes often works better because complex problems take time to load into working memory. Change it under Intervals.
Why does the audio not start immediately?
Browsers block audio until you interact with the page, and each channel only downloads when you first raise its slider. If a slider is greyed out, that recording failed to load.
Will I get a notification when the session ends?
A chime always plays. If you grant notification permission on first start, you will also get a desktop notification, but only while the tab is in the background, so a focused tab is never interrupted twice.
Are there keyboard shortcuts?
Yes: Space starts and pauses, R resets the current session, and S skips to the next one. Arrow keys move between the Focus, Short and Long tabs.
Rain_Loop.wav by Snoopy20111 (CC0 1.0) small cafe ambience.wav by Tomlija (CC BY 3.0)

Rain is CC0 1.0; cafe is CC BY 3.0, trimmed and looped for this page. Brown noise is generated in your browser and uses no recording. Runs entirely in your browser, no data leaves your device.