Rocket countdown timer

At a glance

Why the rocket counts down in fuel

The origin story of the rocket skin, from the people who drew it.

Every parent knows the oldest timer trick in the book — “race the clock!” — and its oldest weakness: a clock has no stakes. The rocket skin gives the countdown stakes a five-year-old can feel. The rocket sits in a bright day sky — cartoon sun, drifting clouds, a glitter of white motes rising like heat — and its fuselage carries a window onto a fuel tank. As the countdown runs, the tank visibly drains. When it hits empty, the rocket finally gets to do the thing it has been waiting to do. That is the deal: let the clock run out and the rocket flies.

The waiting has to feel alive, or kids look away. So the rocket bobs on a slow idle jiggle and rocks a few degrees either side of vertical; the clouds cross the sky at their own pace; the sun's rays rotate almost imperceptibly. The rocket itself is drawn like a toy from the good shelf: a cream-white body with shading down one side, a red nose cone, teal fins, and a porthole — all of it repainting itself in three schemes (Classic, Mint, Midnight) without losing the toy-shop character.

The ending was a genuine design argument, which is why there are three. Lift off is the reward ending: the engine lights, the rocket climbs away through the cloud layer and fades into the blue. Explode is the comic one — a shock ring, then tumbling star-shaped debris raining down; kids find this hilarious in a way adults reliably underestimate. Fizzle out is for sensitive sleepers and quiet rooms: the rocket simply settles, out of fuel, no drama. Same clock underneath; the family picks the temperament.

Confetti earned its own setting for the same reason: on a classroom projector, a storm of it is a party; in a small window on a laptop, standard is plenty. Everything else — clouds off for screens that will be screenshotted, rocket size for small tablets — exists because a timer that lives in a classroom gets more opinions than one that lives in a kitchen.

How the scene moves

• Idle. The rocket hovers on a gentle jiggle in the day sky, clouds drifting, fuel tank full.
• Running. The fuel gauge drains with the countdown while the sky keeps moving — clouds cross, motes rise, the rocket rocks gently on its pad of air.
• The last stretch. The tank is nearly dry. The rocket keeps jiggling as if nothing is wrong, which is exactly the tension the skin is built on.
• Zero. Your chosen ending plays — liftoff, explosion, or fizzle — with a xylophone run and a launch whoosh. The readout counts up +mm:ss overtime until you reset.

Make it yours

The sliders button in the bottom control row opens Scene settings. Choices are stored in your browser and survive reloads; nothing is sent anywhere.

Two shared panels live in the same place for every skin. Sound picks the finish chime (or “match the skin”), sets the volume, and adds an optional tick for each of the last ten seconds. Display moves the countdown readout — bottom, top, centre, bottom-left or bottom-right — and recolours it: follow theme, warm white, white, gold, ice blue or coral.

Copy-paste links

The sound it makes

Zero sounds like a toy reaching the good part: a xylophone run up six notes, a couple of warm chords, and a rising launch whoosh layered over the top. Like everything in timer.cool, the sound is synthesized by the browser at the moment it plays: no audio files, nothing to download. The Sound panel can swap in a bell, digital beep, wood block or alarm, add a tick to each of the last ten seconds, or you can mute with M.

On a projector or TV

The rocket belongs on the classroom projector: a five-minute tidy-up race with the whole room watching the tank drain beats any verbal countdown. Press F and every control disappears. While a timer runs, the page holds a wake lock so the display does not dim before liftoff.

The keyboard map: Space start/pause, F fullscreen, R reset, M mute, +/− give or take a minute while running, L repeat. Two honest limits: on an iPhone the ringer switch silences web audio, and aggressive battery-saver modes can override the wake lock on some devices.

Who the rocket is for

Questions