Flip Clock

This page shows the current time in the style of a split-flap board. Hours, minutes, and seconds each appear as a pair of digit cards with a small label beneath them, separated by colons, and the full date is written out below the digits. When a digit changes it plays a short flip, the way a mechanical board turns a card over; digits that are not changing stay completely still. The time comes from the device you are reading it on, so the page works offline once loaded.

What the display shows

Six digit cards sit in three labeled pairs. The first pair is the hour, the second the minute, the third the second, with a colon between each group so the reading is unambiguous even from a distance where the small labels are no longer legible. In 12-hour mode an AM or PM marker sits beside the digits; switch to 24-hour mode and it disappears, because the hour number already carries that information.

Below the digits the page prints the full date: weekday name, month name, day number, and year. That line is formatted by the browser using your own locale settings, so a visitor in the United States sees the month before the day while a visitor in most of Europe sees the day first, without either of them having to choose anything. The weekday is spelled out rather than abbreviated, which is the part people most often want when a clock is being used as a wall display.

Where split-flap displays came from

A split-flap display is an electromechanical device. Each character position holds a stack of hinged flaps mounted on a drum, and every character is printed across two half-flaps so that a complete glyph forms when one half rests against the next. A small motor advances the drum, the flaps fall in sequence, and the display settles on the requested character with the rattling sound that gave these boards their reputation.

For decades they were the standard way to show departures in train stations and airports, because a mechanical board could be updated centrally and read clearly under any lighting, including direct sun and total darkness with a modest backlight. The same mechanism was scaled down for household use in flip clocks and clock radios, which were common through the 1960s and 1970s and used one drum for hours and another for minutes. Large boards have mostly been replaced by LED and LCD panels that are cheaper to maintain and can show arbitrary text, and only a few remain in service as heritage installations in 2026. The look survives mainly as a display style, which is what this page reproduces.

Why only the changing digit flips

On a real board, only the character positions that need a new value move at all; the rest sit untouched. This page works the same way. Before drawing, it compares each digit with the character already on screen and animates only the ones that differ. In practice that means the ones digit of the seconds turns over constantly, the tens digit of the seconds moves six times a minute, the ones digit of the minutes moves once a minute, and the hour pair moves once an hour.

The effect is calmer than redrawing the whole clock every second, and it is also more informative: motion lands on exactly the part of the display that carries new information, so peripheral vision picks up a minute change without you having to read the digits. The flip itself is brief, roughly a quarter of a second, and the card rotates from a steep angle back to flat rather than spinning fully, which keeps the number legible throughout the movement.

Reduced motion is respected automatically

Operating systems expose a setting that asks applications to limit animation. It lives under accessibility or display options on macOS, Windows, iOS, and Android, and browsers pass the preference through to web pages. When that setting is on, this clock drops the flip animation entirely and the digits simply change in place. Everything else, including the labels, the date line, and fullscreen mode, behaves identically.

This matters more than it might appear for a clock. Repeated motion in the corner of the visual field can provoke dizziness or nausea in people with vestibular disorders, and for others it is simply distracting on a screen that stays open all day. Because the preference is read from the system, nobody has to find and toggle an option on the page, and the setting carries across every site that honors it.

Choosing between 12-hour and 24-hour

The 12h and 24h buttons switch the hour pair between two conventions. The 12-hour form splits the day into two runs of twelve and needs an AM or PM marker to say which run you are in; the number 12 appears at both noon and midnight, which is the source of the long-running confusion about whether 12 AM is the start or the end of a day. The 24-hour form counts 00 through 23 with no marker and no repetition, so a written time is unambiguous on its own.

The 24-hour form is standard in everyday use across most of Europe, Latin America, and Asia, and it is the norm worldwide in aviation, the military, medicine, transport timetables, and computer systems, where a misread hour is expensive. The 12-hour form dominates casual speech in the United States, Canada, Australia, and the United Kingdom. Pick whichever matches the people who will read the screen, and prefer the 24-hour form when the display sits somewhere that mixes both habits.

Seconds, size, and viewing distance

The Hide seconds button removes the third pair of digits and its colon, and its own label changes to Show seconds so the state is always visible. There are two good reasons to turn seconds off. A pair that flips every second pulls the eye back constantly, which is unwelcome on a display left running through a workday, and with only four digits on screen the remaining time reads faster at a glance.

The Fullscreen button grows the digits until they fill the window, which is what makes this format practical beyond a desk. Signage practice suggests roughly one inch of character height for every twenty-five feet of viewing distance, so a display meant to be read from the back of a studio, a kitchen, or a registration table needs far larger digits than a browser tab normally provides. Each digit sitting inside its own bordered card also helps at distance, since the card edges separate the numbers even when the glyph shapes start to blur.

Where the time comes from

The clock reads your device's own clock and time zone. There is no time zone selector, so it always shows local time for the machine you are using, and its accuracy is exactly the accuracy of that system clock. If the digits look wrong, correct the date and time in the operating system settings. Daylight saving changes are applied by the system, so the hour flips over at the transition without any action on this page. Nothing is stored and no choice is remembered, so a reload returns to 12-hour mode with seconds shown.

Related tools

For a plain digital display of the same local time, use the online clock, or the fullscreen clock for a dedicated room screen. The analog clock shows hands on a dial, and the text clock spells the time out in words. When you need time remaining rather than time of day, use the countdown. Every clock and timer is listed on the time tools hub.