jQuery analogue AlarmClock Plugin
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
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

README.md

thooClock

a jQuery analogue clock plugin with alarm function.

visit the site

Implementation

<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">
  $('#myDIV').thooClock();
</script>  

Options

 $('#myDIV').thooClock({
    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"
  $.fn.thooClock.setAlarm(strTime);

From a date object:

	var alarm_date=new Date();
	alarm_date.setHours(8,19,30);
	$.fn.thooClock.setAlarm(alarm_date);

Clear Alarm:

  $.fn.thooClock.clearAlarm();