jQuery dayTimr v1.0
Get and uses the user's current time of the day to do anything to the current page using a simple callback.
Use:
$('body').dayTimr(); // use any HTML selector
Settings:
'nightClass' : 'night', // name of the class used if it is night time
'nightStart' : '21:00', // time when night starts, must be HH:MM (if it is >= 9 don't use the 0)
'dawnClass' : 'dawn', // name of the class used if it is dawn time
'dawnStart' : '0:00', // time when dawn starts, must be HH:MM (if it is >= 9 don't use the 0)
'morningClass' : 'morning', // name of the class used if it is morning time
'morningStart' : '7:00', // time when morning starts, must be HH:MM (if it is >= 9 don't use the 0)
'afternoonClass' : 'afternoon', // name of the class used if it is afternoon time
'afternoonStart' : '12:00', // time when afternoon starts, must be HH:MM (if it is >= 9 don't use the 0)
'debug' : false, // if true show what's going on in the browser's console
onNight : function(){}, // callback if it is night; default it adds the nightClass to the <body>.
onDawn : function(){}, // callback if it is dawn; default it adds the dawnClass to the <body>.
onMorning : function(){}, // callback if it is morning; default it adds the morningClass to the <body>.
onAfternoon : function(){} // callback if it is afternoon; default it adds the afternoonClass to the <body>.