Date & Time Runs locally Ready to use Built-in examples No tracking

Online Clock

Shows your device time with live seconds, 12/24-hour toggle, date, weekday and how much of the day has passed.

Checking the time on a desktop means either squinting at a corner of the screen or reaching for a phone — neither beats a page showing the time in large digits. Open it and it is already running: seconds ticking, 12- and 24-hour formats, the date and weekday, and a note of how much of the day has passed. Full-screen it and it serves as a wall clock in a classroom, a kitchen or an office.

The time comes from the device — the browser's local clock, with no network synchronisation — so an inaccurate system clock means an inaccurate display; for anything needing real accuracy, use a proper time source. The "percentage of the day elapsed" is measured from midnight in local time and resets at midnight.

—
—
—
—

How to use

  1. Open the page; the current time displays immediately.
  2. Switch between 12- and 24-hour formats as preferred.
  3. Read the date, the weekday and the percentage of the day elapsed.
  4. Go full-screen to use it as a wall clock.

How it works

Where the time comes from

The time reads your device's (computer/phone) system clock; the page ticks offline too — calibrate your system clock first if the device time is off.

Switching 12/24-hour format

Tap the "24-hour / 12-hour" segmented button to switch display format; in 12-hour format it additionally labels AM/PM.

What "day elapsed" means

"Day elapsed" shows how much of today has passed as a percentage of 24 hours, resetting at midnight and reaching 100% at 24:00 — a daily progress bar.

Code example

JavaScript A ticking clock and its formatting 

function render() {
  const d = new Date();
  const pad = (n) => String(n).padStart(2, "0");
  const time = pad(d.getHours()) + ":" + pad(d.getMinutes()) + ":" + pad(d.getSeconds());
  const pct = ((d - new Date(d.getFullYear(), d.getMonth(), d.getDate())) / 86400000 * 100).toFixed(2);
  el.textContent = time + "  " + pct + "% elapsed";
}
render();
setInterval(render, 1000);   // 1s is enough for display; use performance.now for measurement

Python A clock for the command line 

from datetime import datetime
from time import strftime

while True:
    print(datetime.now().strftime("%H:%M:%S"), end="\r", flush=True)
    # sleep(1) omitted for brevity

# \r returns to the start of the line, so the terminal shows a ticking clock

FAQ

Does the time match my phone/computer clock?

Yes. The page reads the system clock directly and refreshes every second, without going through a server, so it ticks offline; if it looks wrong, calibrate the device time first.

Can I use it full-screen as a wall clock?

Yes. Press F11 or choose full screen from the menu, project the page onto a TV or monitor, and it's a large digital clock.

How is "day elapsed" computed?

From 00:00:00.000 today, the elapsed milliseconds divided by 86400000 (the milliseconds in a day), to two decimals.

How does this differ from a world clock or timezone converter?

The online clock shows only your local timezone's current time; to check another timezone's current time, use the timezone converter.

Does it tick? What's the precision?

Yes. It displays to the second and refreshes every 250 ms, ample for second-level display; switching away and back restores the display immediately.

What does midnight show in 12-hour format?

12:xx:xx with an AM label; noon 12:xx:xx shows with a PM label — the international 12-hour convention.

Does it need a connection or an app?

No. Once loaded it runs fully locally; losing connection or a proxy won't stop the ticking.