DEV Community

Cover image for [Showdev] Time-Zone Hover — Stop time-zone confusion: hover any time to see yours (copy 12/24/ISO)
Oskra | オスクラ
Oskra | オスクラ

Posted on

[Showdev] Time-Zone Hover — Stop time-zone confusion: hover any time to see yours (copy 12/24/ISO)

Hover any time string on any website → instantly see your local time + zone. One click to copy in 12-hour / 24-hour / ISO 8601. Pro adds defaults & per-site control.

Why I built this

I kept asking “Whose 3 PM is this?” across remote teams. Time‑Zone Hover is a tiny utility to remove that friction without extra clicks or tab switching.

Demo & install

What it does

  • Hover any time string (e.g., “3:30 PM”, “18:00”, “5 hours ago”) on any site to see your local time
  • Shows your time zone ID (e.g., Asia/Tokyo)
  • One‑click copy in 12‑hour / 24‑hour / ISO 8601
  • Clean options UI; Pro adds default format, per‑site enable/disable, and import/export

How it works (high level)

  • Chrome MV3: background service worker + content script
  • Parses common absolute and relative time patterns
  • Saves preferences via chrome.storage

Privacy & permissions

  • Permissions: storage (to save your settings)
  • No tracking: no analytics beacons, no external calls for tooltips

How to use

  1. Install the extension from the Chrome Web Store
  2. Open any site with time strings (news, issue trackers, social, etc.)
  3. Hover the time → see your local time + zone
  4. Click Copy to copy in the shown format (12/24/ISO)
  5. Open Options to choose theme and (Pro) set your default copy format
  6. (Pro) Use per‑site control to enable/disable or exclude domains

Pro features (lifetime)

  • Default copy format (12/24/ISO 8601)
  • Per‑site enable/disable and exclusions
  • Import/export settings

Glossary (for clarity)

  • 12‑hour / 24‑hour: time formats (3:30 PM vs 15:30)
  • ISO 8601: international date‑time standard, e.g., 2025-10-09T15:30:00+09:00
  • Time zone ID: canonical zone like Asia/Tokyo that handles DST correctly

Roadmap

  • Custom parsing rules per site
  • Keyboard shortcut to copy in default format
  • More locales and relative‑time patterns

If this reduces your time‑zone confusion even a bit, I’d love a comment or a ⭐ on the store. Thanks for reading!

Top comments (0)