Thooclock

stylish analogue alarm-clock
jQuery plugin

⚠️ This Plugin is deprecated!
You can still use and modify this code, but it will no longer be maintained. Use ThyClock WebComponent instead

Customizable design, multiple instances

Change the colors of hands, dial foreground- and background colors, set brandtext and numerals on dial.

Set alarm time and fire custom events.
So you're in control what hapens on alarm.

In this example, alarm set to 14:30

customized callback:

onAlarm:function(){
console.log('14:30h - ALARM!');
}

Fire event every second just by provide a callback function to onEverySecond().

Set time to +X or -X hours or minutes.

-2 hours and 20 minutes

timeCorrection:{
    operator: '-',
    hours: 2,
    minutes: 20
}

+3 hours

timeCorrection:{
    operator: '+',
    hours: 3,
    minutes: 0
}

+1 hours, 15 minutes

timeCorrection:{
    operator: '+',
    hours: 1,
    minutes: 15
}

Get an automatic clock style by setting sweepingSeconds to true.

Decide which numerals to be shown.

3,6,9,12

2,4,6,8,10,12

Roman

IE >=9

Uses HTML5 Canvas element, runs all modern browsers (Internet Explorer >=9)