Cambiar la hora 1-24 a 1-12 hora para el método "getHours()"

Question

Cuando uso el método "getHour()" en javascript, muestra el formato de hora militar. Necesito que muestre la hora en números entre 1-12 en su lugar. ¿Alguien puede decirme cómo hacer esto? Aquí está el código que estoy utilizando:

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

Esto corregirá 13 - 24 de nuevo a la gama de 1 - 12, y 0 de nuevo a 12:

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

Además, tiene que dejar de repetir siempre lo mismo en tu código Llaman time.getHours() y time.getMinutes() y almacenar sus valores solo una vez cada uno, y luego preocupación acerca de agregar los ceros a la izquierda, por ejemplo:

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; 
} 

Answer 2

function getClockTime(){ 
    var now = new Date(); 
    var hour = now.getHours(); 
    var minute = now.getMinutes(); 
    var second = now.getSeconds(); 
    var ap = "AM"; 
    if (hour > 11) { ap = "PM";    } 
    if (hour > 12) { hour = hour - 12;  } 
    if (hour == 0) { hour = 12;    } 
    if (hour < 10) { hour = "0" + hour; } 
    if (minute < 10) { minute = "0" + minute; } 
    if (second < 10) { second = "0" + second; } 
    var timeString = hour + ':' + minute + ':' + second + " " + ap; 
    return timeString; 
} 

Esta función permite obtener el formato de hora perfecta en 1- 12 horas

Answer 3

¿Por qué no hacerlo de manera breve? Matemáticas, gente! :)

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

Answer 4

Otras respuestas son de hecho muy buena. Pero creo que también se puede incluir.

var d = new Date(); 
var hour = d.getHours(); 
var minute = d.getMinutes(); 
var fulltime = ""; 

// create a 24 elements(0-23) array containing following values 
const arrayHrs = [12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11]; 

    // since getMinutes() returns 0 to 9 for upto 9 minutes, not 00 to 09, we can do this 
    if(minute < 10) { 
     minute = "0" + minute; 
    } 

    if(hour < 12) { 
     // Just for an example, if hour = 11 and minute = 29 
     fulltime = arrayHrs[hour] + ":" + minute + " AM"; // fulltime = 11:29 AM 
    } 
    else { 
     // similarly, if hour = 22 and minute = 8 
     fulltime = arrayHrs[hour] + ":" + minute + " PM"; // fulltime = 10:08 PM 
    } 

Véase lo que hice allí en arrayHrs;)

Answer 5

el camino fácil de utilizar este.

setInterval(function() { 
 

 
var d = new Date(); 
 

 
document.getElementById("demo").innerHTML = 
 
d.getHours() % 12+" : "+d.getMinutes()+" : "+d.getSeconds(); 
 

 
}, 1000);

<p id="demo" ></p>