← Free Tools
Classroom Engagement Tool

Beacon — Countdown Timers

A countdown clock built for the front of the room. Set a custom time or tap a preset, then project it in one of three faces — a ring that empties, a bar that drains, or just big clean digits. The color shifts as the clock runs down (calm azure → amber → red) with an optional chime at the warning mark, quiet ticks in the final seconds, and an end alarm, so a glance tells the room how long is left. Start, pause, reset, and nudge a minute either way on the fly; add a label like “Break — back in” above the clock. Synthesized sound, fullscreen toggle, and a light “daylight” look that reads well on a projector.

Screenshot of Beacon — Countdown Timers

Open the timerDownload

Problem
Breaks and timed activities drift when the clock lives on the facilitator’s phone — the room can’t see it, and “just five more minutes” quietly becomes fifteen.
Who it helps
Facilitators and trainers timing breaks, think-time, and small-group activities on a shared screen — in the classroom or over a shared video call.
In training
Set the time or tap a preset, pick a face, and project it; the clock shifts color and sounds a chime as it nears zero, and you can pause, reset, or add and subtract a minute without leaving the screen.
Skills shown
Front-end build, accurate timing logic, progress-and-color state design, projector-first UI, synthesized audio cues, trainer-editable presets.

How to edit

  1. Right-click the file → “Open with” → a text editor.
  2. Scroll to the banner ★ EDIT YOUR TIMERS HERE ★ near the top of the script.
  3. Edit the CONFIG object: change presets (each a { label, secs } pair), the defaultTime, the starting defaultFace and defaultLabel.
  4. Tune warnAt and finalAt (seconds remaining) to set when the clock turns amber then red, and toggle the sound options. Save, then open in a browser — or just set everything live on the setup screen.