diff options
author | Sean Whitton <spwhitton@spwhitton.name> | 2014-11-27 14:32:08 +0900 |
---|---|---|
committer | Sean Whitton <spwhitton@spwhitton.name> | 2014-11-27 14:32:08 +0900 |
commit | 5784b33936855531d20010f5fb34d9fad3cfa3c4 (patch) | |
tree | ab5d51fbb953d4da1192d682319e7a3c4dae2146 /js | |
parent | b610298fcc13ef3abdbf69874cfa55c4d7a305f2 (diff) | |
download | schoolclock-5784b33936855531d20010f5fb34d9fad3cfa3c4.tar.gz |
add today's date and toggle button between British and American styles
Diffstat (limited to 'js')
-rw-r--r-- | js/main.js | 40 |
1 files changed, 40 insertions, 0 deletions
@@ -108,6 +108,43 @@ function activityClockCustom() activityClockGo(parseInt(minutes) * 60 + parseInt(seconds)); } +// mplungjan on stack overflow: http://stackoverflow.com/a/15397495 +function nth(d) { + if(d>3 && d<21) return 'th'; // thanks kennebec + switch (d % 10) { + case 1: return "st"; + case 2: return "nd"; + case 3: return "rd"; + default: return "th"; + } +} + +function toggleDateStyle() +{ + var currentDate = $('#date').html(); + var today = new Date(); + + var month = "January,February,March,April,May,June,July,August,September,October,November,December" + .split(",")[today.getMonth()]; + var day = "Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday" + .split(",")[today.getDay()]; + var date = today.getDate(); + var British = day + " " + date + nth(date) + " " + month + " " + today.getFullYear(); + var American = day + " " + month + " " + date + nth(date) + ", " + today.getFullYear(); + + if (currentDate.indexOf(',') > -1) + { + $('#date').html(British); + } + else + { + $('#date').html(American); + } +} + +// set initial date to British style +toggleDateStyle(); + $(document).bind('keydown', 's', timeWastingClockReset); $(document).bind('keydown', 'r', activityClockReset); $(document).bind('keydown', 'c', activityClockCustom); @@ -159,5 +196,8 @@ $(document).ready(function(){ $('#activityClock300s').button(); $('#activityClock300s').click(function (){activityClockGo(300);}) + + $('#date-toggle').button(); + $('#date-toggle').click(function (){toggleDateStyle();}); }); |