Countdown
How to Use
- STEP 1
- Enter event name, date, and optionally time and time zone (date is required).
- STEP 2
- The center area shows remaining days, hours, minutes, and seconds in real time.
- STEP 3
- Use Copy Link or Share to generate a URL that reproduces current settings.
Notes
- Date-only target means 00:00 is used as the time (with tz it uses that zone's 00:00; without tz it uses the viewer's local 00:00).
- The event name is sanitized to prevent XSS.
- All processing happens locally in the browser; no data is sent to servers.
Tips
Use IANA time zones (e.g., Asia/Tokyo, America/Los_Angeles) to handle offsets and daylight saving time correctly.
On devices supporting the Web Share API, the native share sheet opens.
Open the link on different devices/time zones to verify behavior.
State is shareable via URL params (date, time, tz, event, lang).
Enable 'Fix timezone' to reproduce the exact time regardless of the viewer's environment.
Time supports seconds (e.g., 13:45:30). The input uses step=1.
The countdown is responsive and scales for readability across screen sizes.
At completion, it stays at 00:00:00 and shows 'Complete' in the English locale.
FAQ
QUESTION 1
Which URL parameters are supported?
Supported params are date (required), time, tz, event, and lang. When not provided, time/tz/lang depend on the viewer's environment.
QUESTION 2
Can the countdown drift?
DST and device clock settings may shift the display. Fixing tz in the shared link makes the result more deterministic.
QUESTION 3
Is daylight saving time (DST) considered?
Yes. Offsets are computed with the Intl API, so DST transitions are generally reflected.
QUESTION 4
Can I hide seconds?
Currently, HH:MM:SS is always shown. We can add an option if there's demand.
QUESTION 5
How is the language for shared links determined?
You can add lang=ja or lang=en. If omitted, the current locale is applied automatically.
QUESTION 6
Which takes precedence, the URL tz or the viewer's time zone?
If 'Fix timezone' is enabled and tz is present, the URL tz is used. Otherwise, the viewer's time zone applies.