Stopwatch.ca

Stopwatch.ca / Clocks / Liquid

Liquid timer

A glass of liquid that drains as your countdown runs down, with waves and bubbles that move as it goes.

Options
Colour
Embed this

Embed this liquid timer on your own site

Copy the code below into any page that accepts HTML — a website, a blog, an LMS, a school page, a stream overlay. It's free, there's nothing to install, and it stays in step with the options above. Embed any clock, stopwatch or timer.

A glass shows progress in a way everyone understands: a full glass is lots of time, an empty one is none. The waves on this liquid timer rock gently, a second wave sits behind the front one for depth, and bubbles rise from the bottom while there is liquid.

As a countdown it drains to zero. As a stopwatch it fills over each minute, so you can watch the minute fill up; in clock mode it does the same with the seconds of the current minute. The digital time sits on top so you can read it exactly.

Where it's useful

  • A visual timer for kids, classes and workshops
  • A relaxing countdown to a break, a brew or a meeting
  • A good-looking timer for a stream or a video
  • Seeing time pass without watching digits

Three ways to use it

  • Countdown — counts down from any time you set, sounds at zero, then counts overtime.
  • Stopwatch — counts up with laps; press Lap while it runs.
  • Clock — the time of day in your time zone or any city, in 12- or 24-hour form.

Every face runs entirely in your browser, remembers your settings on this device, and can be embedded on your own page.

Similar faces

Questions

Does the liquid drain or fill?

It drains in countdown mode and fills in stopwatch and clock modes.

Can I change the colour?

Yes. The accent sets the liquid colour — blue, green and orange all look good.

Are the bubbles part of the timing?

No, they are just for looks.