jQuery analogue AlarmClock Plugin
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
bower_components/jquery bower enabled Sep 7, 2016
css initial commit Mar 28, 2013
img initial commit Mar 28, 2013
js Bugfixed hourCorrection Apr 18, 2018
.gitignore ignorelist Mar 28, 2013
README.md alarmTime as Date object or string like "hh", "hh:mm", "hh:mm:ss" + m… Apr 6, 2015
alarm.mp3 initial commit Mar 28, 2013
alarm.ogg initial commit Mar 28, 2013
bower.json bower enabled Sep 7, 2016
index.html remove alarmBg consoleLog Apr 6, 2015



a jQuery analogue clock plugin with alarm function.

visit the site


<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script language="javascript" type="text/javascript" src="js/jquery.thooClock.js"></script>  	

<script language="javascript" type="text/javascript">


    size:250,                               // size of the clock
    dialColor:'#000000',                    // foreground-color of dial can be defined as hex, colorstring, or rgb, rgba function
    dialBackgroundColor:'transparent',      // background-color of dial
    secondHandColor:'#F3A829',              // color of second hand
    minuteHandColor:'#222222',              // color of minute hand
    hourHandColor:'#222222',                // color of hour hand
    alarmHandColor:'#FFFFFF',               // color of alarm hand (alarm hand only visible if alarmTime is set to 'hh:mm')
    alarmHandTipColor:'#026729',            // color of tip of alarm hand
    hourCorrection:'+0',                    // hour correction e.g. +5 or -3
    alarmCount:1,                           // how many times should the onAlarm Callback function be fired
    alarmTime:'14:25',                      // alarm time as Date object or String : "hh", "hh:mm", "hh:mm:ss"
    showNumerals:true,                      // show numerals on dial true/false
    brandText:'THOOYORK',                   // uppercase text on clock dial
    brandText2:'Germany',                   // lowercase text on clock dial
    onAlarm:function(){                     // alarm callback function 
      //callback on Alarm
    offAlarm:function(){                    // end alarm callback
      //callback on Alarm end
    onEverySecond:function(){               // this function is fired on every second
      //callback do sttuff every second

External Methods

Set Alarm time:

From a date sting:

  var strTime = '14:25'                       // must be "hh", "hh:mm" or "hh:mm:ss"

From a date object:

	var alarm_date=new Date();

Clear Alarm: