Online Analog Clock

Run a clean live analog clock, switch timezones and face styles, or enter teaching mode with draggable hands, random practice times, fullscreen, wake lock, sound, share and SVG export.

live clock · timezones · teaching mode · draggable hands · fullscreen

Analog Clock & Teaching Studio

Use a clean live analog clock, compare time zones, or switch to a manual/random teaching clock with draggable hands and explicit reading evidence.

Live + teaching workflows

Smooth / tick / hidden seconds5 face stylesTimezone comparisonDrag + random practiceFullscreen + Wake LockShare + embed + SVG

Clock reading—

Elapsed this hour—

Remaining this hour—

Hand angles—

Ready.

Keyboard: F fullscreen · L live · R random · S cycle seconds · D toggle digital. Dragging a hand intentionally switches a live clock into Set mode.

Timezone comparison board

Add IANA timezone

Comparison zones use the browser’s built-in IANA timezone data. Up to four are kept in the dashboard and settings link.

Time-source & accuracy evidence

Rendered zone—

Time sourceDevice system clock

This page does not contact an atomic-clock or NTP server. Live time comes from your device clock; other zones are calendar representations of the same instant through the browser Intl API. A wrong device clock remains wrong here. Background tabs may be throttled, Wake Lock/fullscreen may be denied, and Web Audio requires a user gesture.

Teaching workflow without a second page

Choose Set time to type or drag a time. Choose Random practice for a new exercise and set minute snapping to 5, 10, 15, 30 or 60 minutes. Toggle numbers, minute marks, digital readout and Past/To sides to change difficulty. The reading card gives a verbal check such as “quarter past 4,” while elapsed/remaining evidence helps explain progress through the hour. The 24-hour face is a teaching/display option; it does not change the underlying instant.

Use one clock for live display and clock-reading practice

Live mode shows the instant reported by your device and can render that instant in another IANA time zone. Set and Random modes stop following the live clock so the hands can be dragged or a practice time can be generated without fighting the next system-clock tick.

Control the face without hiding the source of truth

Choose a classic Arabic face, Roman numerals, minute labels, a 24-hour dial or a blank teaching face. Smooth and ticking second hands are presentation choices: they do not make the browser clock more accurate. The page deliberately labels its source as the device system clock instead of claiming atomic or server synchronization.

Teach hours, minutes, “past” and “to” from the same dial

Manual and random modes support minute snapping, draggable hands, optional Past/To shading, digital verification and a human-readable clock phrase. This makes the same page useful for a classroom, projector or individual practice without turning the ordinary live-clock experience into a separate app.

Fast classroom workflow

1. Switch to Random practice. 2. Snap to 15 minutes for quarter-hour practice. 3. Hide the digital readout. 4. Ask the learner to read the face. 5. Reveal digital time or the reading evidence. 6. Move to 5-minute or Any-minute snapping as difficulty increases.

Fullscreen, screen-awake and sound are browser capabilities

Fullscreen and Screen Wake Lock depend on browser and operating-system permission. Optional ticking and the hourly chime use Web Audio only after a user gesture. They are convenience features, not timing guarantees, and background tabs may be scheduled less frequently by the browser.

Share only the state you intend to share

Settings links contain clock preferences and a manual teaching time when one is selected. They do not contain account data. Local saves are explicit and stay in browser storage. SVG export is a visual snapshot of the face, not proof that the device clock was synchronized to an external reference.