Skip to content
Lizely

Online Clock

Display this device's local time as a live analog and digital clock with 12/24-hour, seconds, date, zone, and fullscreen controls.

Privacy: your files never leave your device. All processing happens locally in your browser.

How to use

  1. 1.Open the page and confirm the displayed local date and browser-resolved time zone match the intended device settings.
  2. 2.Choose 24-hour time if preferred and show or hide seconds; the analog and digital displays use the same Date reading.
  3. 3.Select Enter fullscreen for a larger display, then use the browser's normal Escape or fullscreen control to leave it.

About Online Clock

Online Clock displays the current time reported by the browser and device. The main panel combines an analog face, a digital readout, the English local date, and the browser's resolved time-zone name. Choose 12-hour or 24-hour time, show or hide seconds, and request fullscreen when a large distraction-free clock is useful. The page updates four times per second so the second hand can move smoothly while the digital display changes only when its visible fields change.

The digital format is explicit. In 24-hour mode, hours range from 00 through 23 and include a leading zero. In 12-hour mode, midnight is 12 AM, noon is 12 PM, and other hours use 1 through 11 with an AM or PM suffix. Minutes and optional seconds always use two digits. The date uses an English weekday, month name, day, and year. These display choices do not change the underlying device time.

Analog hand positions are calculated from the same Date object as the digital readout. The second angle includes milliseconds, the minute angle includes the fractional contribution of seconds, and the hour angle includes the fractional contribution of minutes. Twelve o'clock is zero degrees, with each full turn covering the corresponding cycle. Hiding seconds removes the visible second hand and seconds field, but the minute and hour hands continue to include the current fractional time.

Fullscreen is a browser request, not a forced mode. It usually requires a direct user action and may be unavailable or denied by browser policy, embedded contexts, device restrictions, or user settings. A rejected request produces a visible error. Use the browser's normal Escape or fullscreen control to leave the mode. The page does not hide system controls, prevent sleep, lock orientation, or claim to be an operating-system screen saver.

Time accuracy depends entirely on the device clock and time-zone configuration. The widget does not contact a network time server, compare offsets, correct drift, update daylight-saving rules, or certify legal time. If the displayed time is wrong, review the device's date, time, automatic synchronization, and time-zone settings. World Clock is the better related tool when the task is comparing several locations rather than enlarging the current device's local clock.

The browser's resolved zone label can be a region name or a generic local-zone fallback depending on platform support. The date formatter uses the time zone already applied by the browser Date object. This tool embeds no country list, city-to-zone map, daylight-saving table, or maintained offset dataset. Changing the operating-system zone while the page is open should affect later Date objects as the browser exposes the change, but a refresh may be needed on some platforms.

A practical use is a desk clock, meeting-room display, study reference, event countdown companion, presentation time check, or second-screen clock. Select the hour system your audience understands, decide whether seconds help or distract, and enter fullscreen only after verifying the date and zone label. For alarms, elapsed timing, or remaining duration, use the dedicated Alarm Clock, Stopwatch, or Countdown Timer; this page does not alert at a target time.

No time reading, zone, preference, or fullscreen action is uploaded by the widget. The clock has no account requirement, server-side history, location request, alarm, notification, analytics event specific to button presses, or background service. Closing the tab ends the display. The reliable contract is narrow: render browser local time consistently in two digital formats and one analog geometry, disclose the local date and zone, and avoid implying that a web display synchronizes or certifies the device clock.

Methodology & sources

Create browser Date readings on a 250 millisecond interval after an asynchronous initial tick. Format 24-hour output with hours 00–23 or 12-hour output with midnight/noon handling and AM/PM; always pad minutes and optional seconds. Format the local date in en-US and display the browser-resolved time-zone name. Compute analog seconds from seconds plus milliseconds, minutes from minutes plus fractional seconds, and hours modulo twelve plus fractional minutes, mapping them to 6, 6, and 30 degrees respectively. Fullscreen is requested only after a user action and errors remain visible. Tests assert exact 12/24-hour strings, midnight, seconds toggle, local date, and hand angles.

Frequently asked questions

Where does the clock get its time?
It uses the Date value supplied by this browser and device. It does not contact a network time server or independently correct the system clock.
Why might fullscreen fail?
Browsers require a direct user action and can deny fullscreen because of policy, embedding, device restrictions, or user settings. The page reports a rejected request.
Does this clock handle other world time zones?
It displays the current device's local zone only. Use World Clock when you need to compare multiple locations.

Related tools

Device & Productivity guides

View all