A full day on screen, in hh:mm:ss
This page opens a 24-hour timer that counts up from 00:00:00 to 24:00:00 in hh:mm:ss on a transparent background. It’s made for the 24-hour challenge format: “I spent 24 hours in…”, overnight stays, fasting and no-phone challenges, long livestream highlights and day-in-the-life edits, where viewers need to see how far into the day you are as you cut between moments.
Export the timer once, put it on a track above your edit and cut it along with the footage, so each clip shows the time it was filmed at. Real transparency matters more in a long video than a short one: you’ll trim and move the timer dozens of times, and with a transparent overlay there’s no chroma key to re-apply, no green halo in dark night shots and no colour spill on skin. The hh:mm:ss format keeps the timer the same width all day, so it never jumps when the hours change.
A full day makes a big file (around 1 GB as a transparent WebM, about half that as MP4), so export it on a computer. Chrome and Edge ask where to save it and write it straight to disk as it’s made.
More timer presets
- Custom timerEvery setting, starting from the defaults
- Transparent stopwatchCounts up from 0:00 on a clear background
- 1-minute countdownTransparent, from 1:00 down to 0:00
- Speedrun timerMilliseconds in a monospace font
- 4K timer overlay3840×2160 with a transparent background
- 1-hour countdownFrom 01:00:00 down to 00:00:00
Which download should I use?
| Your editor | Best download | How to use it |
|---|---|---|
| CapCut on iPhone / Android | Green-screen MP4 | Overlay → add the MP4 → Remove background → Chroma key, pick the green. Light text on a black MP4 also works with Blend → Screen. |
| CapCut desktop | Transparent WebM | Drag the WebM onto a track above your video. |
| DaVinci Resolve | Transparent WebM or PNG sequence | Put the clip on a track above your footage. |
| Premiere Pro / After Effects | PNG sequence (ZIP) | Unzip, import the first PNG and tick “Image Sequence”. The ZIP includes step-by-step notes. |
| Final Cut Pro / iMovie | Green-screen MP4 | Final Cut: Keyer effect. iMovie: Green/Blue Screen. |
| OBS Studio | Transparent WebM | Add a Media Source and choose the WebM. |
Which browsers work?
| Download | Works in | Doesn't work in |
|---|---|---|
| Transparent WebM | Chrome, Edge, Opera and Brave on Windows, Mac, Linux and Chromebook. Usually Chrome on Android too. | iPhone and iPad, whose video apps don't use WebM. Other browsers vary, and the page tells you. |
| MP4 and green-screen MP4 | Safari 16.4+ on Mac, iPhone and iPad (including Chrome and Firefox on iPhone, which use Safari's engine), Chrome and Edge, Firefox 130+ on computers, Chrome on Android. | Older browsers without WebCodecs. |
| PNG and PNG sequence | Every modern browser. | — |
The page checks your browser and marks any download that won't work. Videos are made much faster than real time: a 10-minute timer usually takes a few seconds, and it keeps going if you switch to another tab on a computer. On iPhone, keep the page open until it finishes.
Questions about the 24-hour timer
How long does a 24-hour timer take to export?
About 10 minutes on a typical computer, since one frame is made for every second of the day. You can use other tabs while it works.
Can the timer start at a set time of day?
Yes. Set “Start from” to the time, for example 7:30:00, and the overlay counts up from there. Use the length to cover the hours you need.
Can I make a 12-hour or 48-hour version?
Yes. Change the hours under Length. Up to 99 hours fit in the hh:mm:ss format.