analog-clock
analog-clock copied to clipboard
matthewp
A clock, analog style
<analog-clock>
An analog clock component written in plain JavaScript:
Usage
Basic usage with local time:
<analog-clock></analog-clock>
Providing a time attribute will set the exact time and not update the clock.
<analog-clock time="1301757851000"></analog-clock>
Providing an offset sets the time zone offset. The following sets the time in New York:
<analog-clock offset="-5"></analog-clock>
JavaScript
Anything you can do in HTML with attributes can also be done using the JavaScript API with properties:
import { AnalogClock } from './path/to/clock.js';
let clock = new AnalogClock();
clock.offset = -6;
document.body.appendChild(clock);
License
BSD-2-Clause
matthewp