Pomodoro Timer Widget
Add a study timer built on the Pomodoro rhythm to your revision or productivity page. Visitors start a 25-minute focus block, take a 5-minute break, get a longer rest after every fourth round, and can change all of those lengths to suit an exam session or a short attention span.
Live preview
Under the widget on your page: Powered by A2Z Tools
Embed code
<iframe src="https://a2z.tools/embed/w/pomodoro-timer" title="Pomodoro Timer by A2Z Tools" width="100%" height="360" style="border:0;width:100%" loading="lazy" allow="clipboard-write"></iframe>
A plain iframe. Works everywhere, including site builders that strip scripts. Adjust height if your content needs more room.
<div data-a2z-widget="pomodoro-timer" data-height="360"></div> <script async src="https://a2z.tools/embed.js"></script>
Adds a small script (what it does) that sizes the widget to fit its content, loads it lazily and keeps it isolated from your page's CSS.
Works with
How it works
Francesco Cirillo's technique splits work into 25-minute intervals separated by 5-minute pauses, with a longer break after a set of them. This timer follows that cycle: focus, short break, focus, and after every N completed focus blocks (four by default) a long break of 15 minutes. All four numbers can be changed in the settings panel. When a phase ends, the next one starts by itself unless the visitor turns auto-start off, in which case the timer waits for Start. Time is kept as a deadline compared with the device clock several times a second, so it does not drift, and if the tab was in the background it catches up correctly - even across several phases. The big minutes and seconds digits are hidden from screen readers; instead a polite announcement is made only when a phase begins, pauses or resets, so assistive technology is not flooded every second. Start, Pause, Reset and Skip are ordinary buttons reachable with Tab and activated with Enter or Space.
Method
- Cycle: focus -> short break -> focus ... -> long break after every N focus blocks
- Defaults: focus 25 min, short break 5 min, long break 15 min, N = 4
- Remaining time = deadline - now, shown rounded up to the whole second
Worked examples
The default cycle
Inputs: Focus 25, short break 5, long break 15, long break every 4
Result: Four focus blocks, three short breaks and one long break: 130 minutes, 100 of them focused
4 x 25 + 3 x 5 + 15 = 130.
A longer exam-revision rhythm
Inputs: v_work=50&v_short=10&v_long=30&v_every=3
Result: Three 50-minute blocks, two 10-minute breaks, then 30 minutes off: 200 minutes per cycle
3 x 50 + 2 x 10 + 30 = 200.
Limitations
- No sound, notification or vibration when a phase ends; the visitor needs to glance at the timer.
- Completed rounds are not saved: reloading the page starts again from zero.
- It is a timer only, not the full technique's planning, task list and interruption log.
Where publishers use it
- Exam-revision blogs and board-exam preparation pages
- Online study rooms and student community sites
- Writing and coding productivity articles that explain timeboxing
- Teacher pages for timed classroom work sprints
- Library and learning-centre websites promoting focused study
Questions
Who invented the Pomodoro Technique?
Francesco Cirillo, who as a student used a tomato-shaped kitchen timer (pomodoro is Italian for tomato) to divide work into 25-minute intervals with 5-minute breaks. He later published it as a book.
Can I use 50-minute focus blocks instead of 25?
Yes. Open Timer settings and set focus anywhere from 1 to 180 minutes, short breaks from 1 to 60, long breaks from 1 to 120, and the long break after every 1 to 12 blocks.
Does the timer keep running if I switch tabs?
Yes. It measures against the real clock, so when you return it shows the correct time, and if a phase ended meanwhile it has already moved on to the next.
Will it ring when a phase ends?
No sound is played, because embedded frames on many sites cannot play audio without a click. The phase label changes and screen readers hear an announcement.
Can a publisher preset different lengths?
Yes, through the embed URL: v_work=50&v_short=10&v_long=30&v_every=3 starts a 50/10 cycle with a long break every third block; v_auto=0 turns auto-start off.
Sources
- The Pomodoro Technique by Francesco Cirillo - Penguin Random House . Publisher's description: 25-minute intervals with 5-minute breaks in between
- The Pomodoro Technique - Francesco Cirillo . The creator's own site for the method
Cite or recommend this tool
If you reference this tool in an article, course or documentation, these formats are ready to copy. They are optional - nothing is added to your site unless you paste it.
A2Z Tools Pomodoro Timer https://a2z.tools/embed/pomodoro-timer
<a href="https://a2z.tools/embed/pomodoro-timer">A2Z Tools Pomodoro Timer</a>
[A2Z Tools Pomodoro Timer](https://a2z.tools/embed/pomodoro-timer)
Pomodoro Timer by A2Z Tools - https://a2z.tools/embed/pomodoro-timer
Related widgets
-
Live days, hours, minutes and seconds to a date you set, with an "event has started" message.
-
Fairly pick a student, winner or volunteer from a list, with history and an option to remove each pick.
-
A large live digital clock for any time zone, with seconds, date and a 12/24-hour switch.
-
X% of Y, X as a percent of Y, and the percentage change between two values.
-
A clean on-screen calculator with keyboard support, correct operator precedence and percent.
-
Trig in degrees or radians, logs, roots, powers, factorials, pi, e and Ans - typed or tapped.