Como mostrar a hora atual em JavaScript no formato HH: MM: SS?

Você pode por favor me dizer como definir o tempo neste formato HH: MM: SS. Eu quero definir isso em um 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(); 
 

Você pode fazer isso em Javascript .

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

No momento, ele retorna 15:5:18 . Observe que se qualquer um dos valores for menor que 10, eles serão exibidos usando apenas um dígito, não dois.

Verifique isso no JSFiddle

Atualizações:
Para 0 prefixado tente

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

Você pode usar a function nativa Date.toLocaleTimeString() :

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

Isto irá exibir por exemplo:

 "11:33:01" 

Eu encontrei em http://www.w3schools.com/jsref/jsref_tolocaletimestring.asp

Você pode usar o moment.js para fazer isso.

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

Saídas:

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

Observe que toLocaleTimeString () pode retornar algo como 9:00:00 AM .

Este código irá mostrar a hora atual no formato HH: MM: SS no console, leva em consideração os fusos horários 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(); 
  

Este é um exemplo de como definir o tempo em um 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);