kaguya-clock v1.0.18

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

Demo

• Install

NPM

$npm install kaguya-clock 

or

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

• API

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

• warn

the dial css type force hide the timeLabel while the container's size less than 80px, if you want to show it you can choose canvas type or 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