Jak wyświetlić aktualny czas w JavaScript w formacie GG: MM: SS?

Question

Czy możesz mi powiedzieć, jak ustawić czas w tym formacie GG: MM: SS. Czy chcę ustawić to w div?

Answer 1

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();

<div id="time"></div>

DEMO użyciu JavaScript tylko

Aktualizacja

Updated Demo

(function() { 
    function checkTime(i) { 
     return (i < 10) ? "0" + i : i; 
    } 

    function startTime() { 
     var today = new Date(), 
      h = checkTime(today.getHours()), 
      m = checkTime(today.getMinutes()), 
      s = checkTime(today.getSeconds()); 
     document.getElementById('time').innerHTML = h + ":" + m + ":" + s; 
     t = setTimeout(function() { 
      startTime() 
     }, 500); 
    } 
    startTime(); 
})(); 

Answer 2

Możesz to zrobić w Javascript.

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

Obecnie zwraca 15:5:18. Zwróć uwagę, że jeśli którakolwiek z wartości jest mniejsza niż 10, będą wyświetlane tylko za pomocą jednej cyfry, a nie dwóch.

sprawdzić w JSFiddle

Aktualizacje:
Dla prefiksem 0 spróbujmy

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

Answer 3

Można użyć moment.js to zrobić.

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

Wyjścia:

16:30:03 

Answer 4

można użyć natywną funkcję Date.toLocaleTimeString():

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

Spowoduje to wyświetlenie np .:

"11:33:01" 

Znalazłem go na http://www.w3schools.com/jsref/jsref_tolocaletimestring.asp

Answer 5

(new Date).toTimeString().slice(0,8) 

Należy pamiętać, że toLocaleTimeString() może zwrócić coś w rodzaju 9:00:00 AM.

Answer 6

To jest przykład jak ustawić czas w div (only_time) używając 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); 
<per> 
<div class="date" id="time"></div> 
</per>