Changing the 1-24 hour to 1-12 hour for the "getHours()" Method

Question

When I use the "getHour()" method in javascript, it displays the military time format. I need it to display the hour in numbers between 1-12 instead. Can anybody tell me how to do this? Here is the code I am using:

function updateclock() {      var time = new Date();     var todisplay = '';      if (time.getHours() < 10) todisplay += time.getHours();     else todisplay += time.getHours();      if (time.getMinutes() < 10) todisplay += ':0' + time.getMinutes();     else todisplay += ':' + time.getMinutes();      document.getElementById("clock").innerHTML = todisplay; } 

Answer 1

Why not do it the brief way? Math, people! :)

// returns the hours number for a date, between 1 and 12 function hours12(date) { return (date.getHours() + 24) % 12 || 12; } 

Answer 2

This will correct 13 - 24 back to the range 1 - 12, and 0 back to 12:

var hours = time.getHours(); if (hours > 12) {     hours -= 12; } else if (hours === 0) {    hours = 12; } 

Also, you need to stop repeating yourself in your code. Call time.getHours() and time.getMinutes() and store their values just once each, and then worry about adding the leading zeroes, e.g.:

function updateclock() {      function pad(n) {          return (n < 10) ? '0' + n : n;     }      var time = new Date();     var hours = time.getHours();     var minutes = time.getMinutes();      if (hours > 12) {         hours -= 12;     } else if (hours === 0) {         hours = 12;     }      var todisplay = pad(hours) + ':' + pad(minutes);     document.getElementById("clock").innerHTML = todisplay; }