From b214f38d2c24a890ce36512a0c8bab965e27a508 Mon Sep 17 00:00:00 2001 From: JinweiClarkChao Date: Tue, 23 Sep 2014 22:34:14 +0800 Subject: README --- Code/Blocks/time/script.js | 98 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 98 insertions(+) create mode 100644 Code/Blocks/time/script.js (limited to 'Code/Blocks/time/script.js') diff --git a/Code/Blocks/time/script.js b/Code/Blocks/time/script.js new file mode 100644 index 0000000..fb8ba69 --- /dev/null +++ b/Code/Blocks/time/script.js @@ -0,0 +1,98 @@ + +var update = function() { + + // initialise screen + // selects all elements with class on and removes it + $('.on').removeClass("on"); + $("#its").addClass('on'); + + // initialise date variables + current = new Date(); + var hour = current.getHours(); + if (hour > 12) {hour -= 12}; + var minutes = current.getMinutes(); + + // set modifier + if (minutes < 3){ + $("#oclock").addClass('on'); + }else if (minutes < 33){ + $("#past").addClass('on'); + $("#minutes").addClass('on'); + }else if (minutes <= 57){ + $("#to").addClass('on'); + $("#minutes").addClass('on'); + hour === 12 ? hour = 1: hour += 1; + minutes = 60 - minutes; + }else{ + $("#oclock").addClass('on'); + hour === 12 ? hour = 1: hour += 1; + minutes = 60 - minutes; + } + + //set minutes + if (minutes >= 3){ + if(minutes < 7){ + $("#fiveMod").addClass('on'); + }else if (minutes < 13){ + $("#tenMod").addClass('on'); + }else if (minutes < 17){ + $("#quarter").addClass('on'); + $("#minutes").removeClass('on'); + }else if (minutes < 23){ + $("#twenty").addClass('on'); + }else if (minutes < 27){ + $("#twenty").addClass('on'); + $("#fiveMod").addClass('on'); + }else if (minutes < 33){ + $("#half").addClass('on'); + $("#minutes").removeClass('on'); + } + } + + //set hours + switch (hour){ + case 1 : + $("#one").addClass('on'); + break; + case 2 : + $("#two").addClass('on'); + break; + case 3 : + $("#three").addClass('on'); + break; + case 4 : + $("#four").addClass('on'); + break; + case 5 : + $("#five").addClass('on'); + break; + case 6 : + $("#six").addClass('on'); + break; + case 7 : + $("#seven").addClass('on'); + break; + case 8 : + $("#eight").addClass('on'); + break; + case 9 : + $("#nine").addClass('on'); + break; + case 10 : + $("#ten").addClass('on'); + break; + case 11 : + $("#eleven").addClass('on'); + break; + case 12 : + $("#twelve").addClass('on'); + break; + } + +} + +// run update on load and repeat every 30 seconds afterwards +$(document).ready(function(){ + update(); + setInterval(update,30000); +}); \ No newline at end of file -- cgit v1.2.3