syg-clock v1.0.18

A simple plugin of clock,support dial mode and digital mode.

repertory

Demo

• Install

NPM

$npm install syg-clock 

or

<script type="text/javascript" src="/dist/clock.js"></script>

• API

const clock = new Clock({
    selector: '.clock',
    type: 'dial',
    renderType: 'css',
    color: '#fff',
    bgColor: 'rgba(0, 0, 0, .35)',
    dial: {
        hasTimeLabel: true,
        hasBorder: true,
    },
    digital: {
        fontSize: 12,
    },
}); 

• warn

the dial css type force hide the timeLabel while the container's size less than 80px, if you want to show it change the condition in dial.js.

• TODO List
• canvas mode
• timelabel mode
• show week and month
• performance optimization
• drag mode

if you want to contribute code view build