Countdown Timer

This code component manages countdown time display from the time someone first visits your site, to a specified duration like 24h.

As the timer counts, it updates the slotted content of the component, looking for specific custom attributes.

It also has basic animation support by sending a message, which custom code can utilize as needed.

collaboration illustration

Basic Countdown Timer

Starts on first visit, runs for 24h. Maintains countdown across page navigation and sessions, from the same browser.
00
d
00
h
00
m
00
s

Animated Countdown Timer

This one has added internal code that is listening for the messages we send on each timer tick, and it updates the yellow progress indicators accordingly.
00
00
00