A clock, analog style

<analog-clock>

An analog clock component written in plain JavaScript:

screen shot 2018-12-12 at 6 00 19 pm

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

Install

Link to this version
ImportedReleased 10 January 2019ISC License
Framework Support
Browser Independent
Install with
npm install analog-clock"@1.0.0"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.0.0

Dependencies