component
Live Date & Time
By Andreas Vasiliou
Details
- Andreas VasiliouAuthor
- componentType
- 2026-06-20Published
- 2026-06-29Updated
- 2026-06-20Added
- InteractiveCategories
Summary
Live Date & Time displays the current date and/or time, updating automatically in real time — no page refresh needed.
Description
Live Date & Time displays the current date and/or time, updating automatically in real time — no page refresh needed. Drop it into a footer, hero, dashboard, or anywhere you want a live clock or "last updated" style timestamp. Features Updates live, every second or every minute depending on what you show Independently toggle Date, Time, Year, and Weekday Choose Short, Long, or Numeric month formatting 12-hour or 24-hour time format Show or hide Hours, Minutes, and Seconds Auto mode shows each visitor's own local time and locale, or switch to Custom to pin a specific locale and time zone — handy for displaying business hours or a fixed regional time regardless of where visitors are Optional time zone label when using a custom locale Set the semantic HTML tag (h1–h6, p, or span) for proper accessibility and SEO Full typography control, including native text alignment Customizable text color
Introduction
Live, auto-updating date & time
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #4540