Come mostrare l’ora corrente in JavaScript nel formato HH: MM: SS?

Puoi dirmi come impostare l’ora in questo formato HH: MM: SS. Voglio impostarlo in un div?

function checkTime(i) { if (i < 10) { i = "0" + i; } return i; } function startTime() { var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); // add a zero in front of numbers<10 m = checkTime(m); s = checkTime(s); document.getElementById('time').innerHTML = h + ":" + m + ":" + s; t = setTimeout(function() { startTime() }, 500); } startTime(); 
 

Puoi farlo in Javascript .

 var time = new Date(); console.log(time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds()); 

Attualmente ritorna 15:5:18 . Notare che se uno qualsiasi dei valori è inferiore a 10, verrà visualizzato utilizzando solo una cifra, non due.

Controlla questo in JSFiddle

aggiornamenti:
Per il prefisso 0 prova

 var time = new Date(); console.log( ("0" + time.getHours()).slice(-2) + ":" + ("0" + time.getMinutes()).slice(-2) + ":" + ("0" + time.getSeconds()).slice(-2)); 

È ansible utilizzare la funzione nativa Date.toLocaleTimeString() :

 var d = new Date(); var n = d.toLocaleTimeString(); 

Questo mostrerà ad esempio:

 "11:33:01" 

L’ho trovato su http://www.w3schools.com/jsref/jsref_tolocaletimestring.asp

Puoi usare moment.js per farlo.

 var now = new moment(); console.log(now.format("HH:mm:ss")); 

Uscite:

 16:30:03 
 (new Date).toTimeString().slice(0,8) 

Nota che toLocaleTimeString () potrebbe restituire qualcosa come 9:00:00 AM .

Questo codice genererà l’ora corrente nel formato HH: MM: SS in console, tiene conto dei fusi orari GMT.

 var currentTime = Date.now() var GMT = -(new Date()).getTimezoneOffset()/60; var totalSeconds = Math.floor(currentTime/1000); seconds = ('0' + totalSeconds % 60).slice(-2); var totalMinutes = Math.floor(totalSeconds/60); minutes = ('0' + totalMinutes % 60).slice(-2); var totalHours = Math.floor(totalMinutes/60); hours = ('0' + (totalHours+GMT) % 24).slice(-2); var timeDisplay = hours + ":" + minutes + ":" + seconds; console.log(timeDisplay); //Output is: 11:16:55 
 function realtime() { let time = moment().format('h:mm:ss a'); document.getElementById('time').innerHTML = time; setInterval(() => { time = moment().format('h:mm:ss a'); document.getElementById('time').innerHTML = time; }, 1000) } realtime(); 
  

Questo è un esempio di come impostare il tempo in un div (only_time) usando javascript.

 function date_time() { var date = new Date(); var am_pm = "AM"; var hour = date.getHours(); if(hour>=12){ am_pm = "PM"; } if(hour>12){ hour = hour - 12; } if(hour<10){ hour = "0"+hour; } var minute = date.getMinutes(); if (minute<10){ minute = "0"+minute; } var sec = date.getSeconds(); if(sec<10){ sec = "0"+sec; } document.getElementById("time").innerHTML = hour+":"+minute+":"+sec+" "+am_pm; } setInterval(date_time,500);