Easy International Analog Clock Component – Clock.js

Preview:

Description:

A lightweight JS component that allows you to embed an animated analog clock displaying the current local time on your web page.

You can specify a custom time zone offset if you want to show time for a different region.

How to use it:

1. Import the clock.js as a module.

import { AnalogClock } from '/path/to/clock.js';

// OR
<script type="module" src="../clock.js"></script>

2. Add the <analog-clock /> component to the page. That’s it.

<analog-clock></analog-clock>

3. Customize the time zone offsets to display any time zone of your choice.

<analog-clock offset="-5"></analog-clock>

4. Generate a static clock that does not update.

<analog-clock time="timestamp here"></analog-clock>