Digital Clock — 7-Segment LED, 12/24h, VFD Skins
A live SVG digital clock rendered as a true 7-segment display with red-LED, amber-VFD and blue-VFD skins. Toggle 12/24-hour, show or hide seconds, and quick-pick any of 10 major city timezones with one click. DST-aware via Intl.DateTimeFormat. Today is 2026-05-27.
Quick Conversion
Formula: 24h = (12h PM mod 12) + 12
7-Segment LED Display
Skin
Format
City Quick-Pick
7-Segment Lookup — Digits 0-9
| Digit | a | b | c | d | e | f | g | Lit |
|---|---|---|---|---|---|---|---|---|
| 0 | ON | ON | ON | ON | ON | ON | off | 6 |
| 1 | off | ON | ON | off | off | off | off | 2 |
| 2 | ON | ON | off | ON | ON | off | ON | 5 |
| 3 | ON | ON | ON | ON | off | off | ON | 5 |
| 4 | off | ON | ON | off | off | ON | ON | 4 |
| 5 | ON | off | ON | ON | off | ON | ON | 5 |
| 6 | ON | off | ON | ON | ON | ON | ON | 6 |
| 7 | ON | ON | ON | off | off | off | off | 3 |
| 8 | ON | ON | ON | ON | ON | ON | ON | 7 |
| 9 | ON | ON | ON | ON | off | ON | ON | 6 |
Need an analog face instead? Open the Analog Clock.
Format Conversion Formula
24h = (12h_PM mod 12) + 1212h_AM = 24h (if 24h ≤ 11)12h_PM = 24h - 12 (if 24h ≥ 13)Worked: 3 PM → (3 mod 12) + 12 = 15 → display 15:00. 22 hours → 22 - 12 = 10 → display 10:00 PM.
LED vs VFD vs LCD — Display Technology Compared
| Tech | Voltage | Brightness | Era | Typical use |
|---|---|---|---|---|
| Red LED | ~1.8 V/seg | High in dark | 1972 Pulsar | Wristwatches, calculators |
| Amber VFD | ~25 V grid | Visible daylight | 1980s | Microwaves, VCRs |
| Blue VFD | ~25 V grid | Cool spectrum | 1990s | Car stereos, AV receivers |
| B/W LCD | ~3 V seg | Reflective | 1975 Seiko | Casio F-91W, calculators |
Snapshot History
How To Use the Digital Clock — 5 Steps
- Step 1. Pick a city quick-pick (Mumbai, Tokyo, UTC, etc.). The Intl.DateTimeFormat engine remaps the time within the next render tick.
- Step 2. Toggle 12-hour or 24-hour. In 12h mode an AM/PM label appears beside the LED panel.
- Step 3. Choose a display skin — Red LED (Pulsar 1972 era), Amber VFD (1980s microwave), or Blue VFD (1990s car stereo).
- Step 4. Toggle "Show seconds" to add two more 7-segment digits after a second colon. The blink interval stays at 0.5 Hz.
- Step 5. Press Snapshot to History to log the current displayed time. Snapshots persist locally for the next visit.
A Brief History of the Digital Clock
The earliest digital time displays were mechanical: the Eureka Clock Co. of London patented a flip-card minute display in 1903. But the modern 7-segment digital era began on April 4, 1972, when Hamilton Watch Company subsidiary Pulsar launched the Pulsar P1 wristwatch — a red-LED display housed in 18-karat gold, retailing for USD 2100. Each digit consumed about 25 mA per lit segment, so the watch only displayed time when you pressed a button.
The 7-segment encoding itself predates LEDs by decades. Frank Wood's 1908 patent already laid out the seven-bar arrangement for incandescent display tubes used in 1920s telephone switchboards. The labelling convention a-g (top, top-right, bottom-right, bottom, bottom-left, top-left, middle) appears in the 1956 Nixie tube literature, was carried over to VFD, and finally to LED ICs like the 7447 BCD-to-7-segment decoder (Texas Instruments, 1971).
The Casio F-91W (launched 1989) became the most-produced digital watch in history — over 350 million units — and standardized the black-on-grey reflective LCD format that replaced the battery-hungry red LED for everyday wrist use. NIST began broadcasting time signals over WWV (Fort Collins, Colorado) in 1923 and WWVB in 1963; since 1991, mass-produced "atomic" alarm clocks like the La Crosse WS-8417U decode WWVB at 60 kHz to stay within 100 ms of UTC.
UTC (Coordinated Universal Time) replaced GMT in 1972, defined by the BIPM as a weighted average of about 400 atomic clocks worldwide. ISO 8601 (1988) gave us the YYYY-MM-DDTHH:MM:SS format. Aviation and military worldwide use 24-hour time exclusively to eliminate AM/PM ambiguity — a habit traceable to the German Imperial Navy in 1893 and adopted by the British Royal Navy in 1915.
The VFD skins in this calculator pay tribute to two specific moments: the amber VFD echoes the 1985 Sanyo microwave oven display, while the blue VFD evokes the 1992 Pioneer KEH-P900 car stereo, both icons of consumer electronics design. By 2010 these tube technologies had been replaced everywhere by OLED and TFT, but the visual grammar — seven glowing bars with a blinking colon — lives on in every smartphone's lock screen clock.
For a different rendering of the same time data, try the Analog Clock; for multi-zone displays use the World Clock; or for date arithmetic use the 2026 Calendar.
Trusted by ops centers, remote teams, astronomers and surveyors
“I run the Blue VFD skin set to UTC on a 49-inch monitor in our ops bunker. 24-hour, no AM/PM, no DST drift. It reads identically to the GE Sage console I learned on in 1998.”
“Mumbai IST in the morning, NYC EST in the evening. The city quick-pick is faster than scrolling Google. Amber VFD looks great on my OLED display next to Slack.”
“I keep a UTC red-LED tab open during photometry sessions — every exposure I log against AAVSO needs UTC. The seconds toggle is critical because variable-star timing requires 1-second precision.”
“We tag every sonar ping with UTC. The seconds-visible blue VFD skin is now bookmarked on every laptop in the survey vessel. Works fine when our Iridium link drops.”
Love using our calculator?
Related Tools
Related Articles
Dive deeper with our expert guides and tutorials related to Digital Clock — 7-Segment LED with 12/24h and VFD Skins