Digital World Clock lays out a grid of digital clocks, one per time zone, each independently styled as split-flap, LED, LCD, modern, neon, or matrix digits. It's built for glancing at several locations' current time at once rather than reading a single clock closely.
Before you start
- The cities you want to track. They come from a built-in list of 25 major cities — there's no lookup for arbitrary place names, so confirm yours is on the list (or pick the nearest city in the same time zone) before you build a display around it.
- A wide screen works best. Clocks are arranged in a grid that adds columns as you add clocks; a narrow phone in portrait mode stacks everything into a single column, which pushes later clocks below the fold.
- No persistence to plan around. Nothing about this effect — your clock list, colors, or format choices — is saved. Expect to rebuild it each time you open the page.
Set it up
- Open Digital World Clock. Six clocks show by default: UTC, New York, London, Tokyo, Sydney, and Dubai.
- Remove any default clocks you don't need using the trash icon on that clock's card.
- To add one, pick a city from Select a city in the Add New Digital Clock section (listed as city, country) and select Add Clock.
- On each clock's card, set its Timezone, Label, Background and Clock Color, Style, and Size, plus the 24 Hour and Show Seconds checkboxes.
- Select Go Fullscreen for a wall display or standalone screen.
You'll know it worked when each clock's digits tick forward once a second and match that city's actual current time.
What each control does
| Control | Range / Options | What it changes |
|---|---|---|
| Select a city (Add New Digital Clock) | 25 built-in cities | Which city's time zone the next clock you add will use. Does not affect existing clocks. |
| Timezone (per clock) | Same 25 built-in cities | Which zone that specific clock displays. Independent of its Label text. |
| Label (per clock) | Free text | The name shown below the clock digits. Defaults to the city name but can be renamed to anything, like an office name. |
| Background (per clock) | Any color | The color behind that clock's digits. Defaults to a near-black shade. |
| Clock Color (per clock) | Any color | The digit color, and the glow, border, or shadow color for styles that use one. Defaults to green. |
| Style (per clock) | Split Flap, LED, LCD, Modern, Neon, Matrix | The visual treatment of the digits — split-flap panels, glowing LED digits, an LCD-style readout, a plain light font, a pulsing neon glow, or monospace digits on a faint green gradient. Defaults to Modern. |
| Size (per clock) | Small, Medium, Large, Extra Large | The font size of that clock's digits, independent of the other clocks. Defaults to Medium. |
| 24 Hour (per clock) | On/off | Off shows 12-hour time with an AM/PM suffix; on shows 24-hour time with no suffix. Off by default. |
| Show Seconds (per clock) | On/off | Adds or removes a seconds field from that clock's time string. Off by default. |
Each clock updates independently — you can run a small LCD clock next to an oversized neon one, mix 12-hour and 24-hour formats, or give one clock seconds and leave the rest without.
Common setups
- An ops or support desk tracking global shifts. 24 Hour on for every clock (avoids AM/PM mix-ups across regions), Show Seconds on for the region currently handling handoffs, Modern or LCD style, Small or Medium size so five or six clocks fit one monitor.
- A broadcast studio on-air clock. A single clock left in the grid, Style set to LED or Neon, Size set to Extra Large, Show Seconds on. High-contrast Clock Color against a dark Background keeps it legible under studio lighting from across the room.
- A distributed team's wall display. One clock per office, Labels renamed to the office name rather than the city (like "Austin HQ" instead of "Chicago"), Style set to Modern, Size Large, 24 Hour off for readability by non-technical visitors.
- A streaming or gaming community overlay. Neon or Matrix style, Show Seconds on, two or three clocks for the regions your community spans, sized Medium so they don't crowd out other overlay elements.
Troubleshooting
The city I want isn't in either dropdown. Both the Select a city list and each clock's Timezone list are the same built-in set of 25 major cities — there's no search or free-text entry. Pick the nearest city that shares your target's time zone; the displayed time will be identical.
I removed the UTC clock and can't add it back. UTC isn't one of the 25 cities in either dropdown, so once you delete the default UTC clock there's no way to re-add it from the interface. Reloading the page restores the default six clocks, including UTC, but discards every other clock and setting you've changed since nothing on this effect is saved.
All my clocks and styling are gone when I came back to the page. Expected — nothing on this effect persists across a reload. Rebuild your clock list and re-set format, style, and color each time you revisit.
A clock's time looks an hour off from what I expect. This effect converts your device's current time into each zone using standard timezone identifiers, so it follows that zone's daylight saving rules automatically rather than a fixed offset. If a clock still looks wrong, check your device's own system clock and time zone setting — the effect reads directly from it.
The clock doesn't show today's date. By design — every style displays only hours, minutes, and optionally seconds. There's no date field on any clock.
Clocks look cramped on a large wall display. More clocks means more grid columns, which shrinks each one. Remove clocks you don't need and raise Size to Large or Extra Large on the ones that remain.
Next steps
For an analog reading instead of digits, try Analog World Clock. For a live day/night map alongside your tracked cities, try Daylight Tracker.