add st,nd,rd,th to the day #98

Toolwatchapp · Jan 8, 2016 · 978dc55 · 978dc55
1 parent 7836fce
commit 978dc55
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/application/views/time.php b/application/views/time.php
@@ -14,8 +14,8 @@
          <div class="row">
 
            <div class="col-sm-12">
-             <span class="months"></span>,
              <span class="days"></span>
+             <span class="months"></span>,
              <span class="years"></span>
            </div>
 

diff --git a/assets/js/time.js b/assets/js/time.js
@@ -14,13 +14,23 @@ function getTime() {
     'total': t,
     'years':years,
     'months':months,
-    'days': days,
+    'days': days + "<sup>" + nth(days) + "</sup>",
     'hours': hours,
     'minutes': minutes,
     'seconds': seconds
   };
 }
 
+function nth(d) {
+  if(d>3 && d<21) return 'th';
+  switch (d % 10) {
+        case 1:  return "st";
+        case 2:  return "nd";
+        case 3:  return "rd";
+        default: return "th";
+    }
+}
+
 function initializeClock(id, endtime) {
   var clock = document.getElementById(id);
   var daysSpan = clock.querySelector('.days');