✦ r-clock · demo

default (HH:MM:SS)

<r-clock></r-clock>

formato 12 horas

<r-clock format="hh:MM:SS A"></r-clock>

fecha + hora

<r-clock format="dd/mm/YYYY — HH:MM"></r-clock>

nombre de mes corto

<r-clock format="dd Mon YYYY" lang="en"></r-clock>

timezone (Nueva York)

<r-clock format="HH:MM:SS" timezone="America/New_York"></r-clock>

— tu hora local:

override de CSS vars

style="--r-clock-color: var(--coral); --r-clock-size: 2.5rem; --r-clock-letter-spacing: 0.1em;"

evento r-clock:tick

document.querySelector('r-clock').addEventListener('r-clock:tick', e => ...)

esperando ticks…