blackfullscreen
FLIP CLOCK

Flip Clock

A split-flap clock, full screen, on any spare display.

:
:

Click to go fullscreen
Runs on your device clock. Nothing is sent anywhere.

What flip clock does

A flip clock shows the time on split-flap panels, where each digit is a stack of hinged leaves and the top half of the old number falls forward to reveal the new one. This is that clock, full screen, in your browser. People run it on a spare monitor, an old tablet propped on a desk, or a television being used as a wall clock, because a large legible time readable from across a room is more useful than a small one you have to walk over to read.

How to use it

  1. Choose 12 or 24 hour, and whether you want seconds.
  2. Turn on dim mode if it will be running overnight or in a dark room.
  3. Click the clock, or press F, to fill the display.
  4. Leave it. It runs from your device clock and needs no connection once loaded.

About flip clock

Where split-flap displays come from

The split-flap mechanism was developed for public information boards and became the standard for railway stations and airports through the second half of the twentieth century, where the clatter of a whole board updating at once was part of the experience of travelling. The same mechanism went into consumer clock radios, which is where most people actually encountered it, sitting on a bedside table through the 1970s and 1980s. Almost all of the boards have now been replaced by LCD panels, which is precisely why the sound and the motion carry the nostalgia they do.

Why the animation matters

A digit that cross-fades reads as a web page. The split-flap motion is specific: the top half of the outgoing number rotates forward and down while the bottom half of the incoming number swings up behind it, so for a moment you see the top of the new digit and the bottom of the old one at once. Reproducing that, rather than approximating it with a fade, is the difference between something that evokes the object and something that merely displays the time in a similar font.

Running it overnight, and what dim mode is for

A bright clock in a dark bedroom is genuinely disruptive, and light in the evening is the most effective thing at shifting the body clock. Dim mode lowers both brightness and contrast so the time stays readable while emitting far less light. There is a second reason to use it: a clock is close to the worst case for OLED burn-in, because the digits are static, bright, and in the same position for hours. Dimming reduces how hard the emitters are driven, which is what actually determines wear.

Using an old device as a dedicated clock

An old phone or tablet, plugged in with the screen timeout disabled, makes a good desk or bedside clock, and this page will hold the display awake while it is in fullscreen. Two things worth setting: turn the brightness well down, since a device intended for daylight use is far too bright for a dark room, and use dim mode. If the device is old enough that its battery is degraded, running it permanently on the charger is easier on it than repeated cycling.

Questions

Does the flip clock work offline?

Yes, once the page has loaded. It reads your device clock and needs no connection after that, so losing your internet will not stop it.

Can I use 12 hour time?

Yes. Switch between 12 and 24 hour in the settings; the AM or PM indicator appears automatically in 12 hour mode.

Will it keep my screen from sleeping?

In fullscreen, yes on most browsers. If your device still sleeps, disable the screen timeout in its own settings, since that overrides anything a web page can do.

Is a flip clock bad for an OLED screen?

A clock is close to the worst case for burn-in, since the digits are static, bright and in a fixed position for hours. Use dim mode, turn the brightness down, and do not leave it on a phone OLED for days at a time.

Where does the split-flap design come from?

From public information boards in railway stations and airports, and from the clock radios that used the same mechanism on bedside tables through the 1970s and 1980s.

Does it use my timezone?

It reads the clock on your device, so it shows whatever your system time is set to, including any timezone or daylight saving adjustment.

Was the flip clock useful?

No ratings yet. Yours would be the first.

More tools

Color picker

Choose any shade from a color wheel or type a hex code, then send it full screen.

Wallpaper generator

Download a plain color as a PNG at your exact screen size, or 1080p, 1440p and 4K.

Text on screen

Put a large message full screen. Handy for signs, streams, and getting someone's attention across a room.

Hacker simulator

A multi-pane console that responds to your typing. Scan tables, a live world map, meters and a log.

Matrix rain

Falling green code, full screen. A screensaver, a backdrop for video, or something to leave running.

Dead pixel test

Cycle solid colors across the whole display to find pixels that are stuck lit or not lighting at all.

Pixel fixer

Cycle colours rapidly over a stuck pixel to try to free it. Warning first, small patch by default.

Monitor test

A guided walk through black, white, the primaries, grey and a gradient, with what to look for at each step.

Uniformity test

Check for backlight bleed, blotchy patches and corner dimming across seven brightness levels.

Burn-in test

Check an OLED for retained images or permanent burn-in, and run a slow wash cycle for the temporary kind.

DVD screensaver

The bouncing logo, with a corner hit counter. Set your own text, speed and size.

No signal

SMPTE colour bars, EBU bars, greyscale steps and a no signal screen, with a 1 kHz tone.

TV static

Analogue static, with optional white, pink or brown noise. Picture and sound work independently.

Video call light

Turn a screen into a fill light. Adjustable warmth in kelvin, brightness, and ring or softbox shapes.

Screen info

Your resolution, pixel ratio, aspect, colour depth, gamut, touch points and graphics, read from your browser.

Touch test

Find dead zones in a touchscreen and check how many simultaneous touches it registers.

Refresh rate test

Measure the frames per second your browser is actually presenting, plus a motion test you can see.

Full screen colors