JavaScript Sekunden in Zeitstring mit Format hh:mm:ss

Question

Ich möchte eine Zeitspanne umwandeln, d.h., die Anzahl der Sekunden in einen durch Doppelpunkt getrennten Zeitstring (hh:mm:ss)

Ich habe hier einige nützliche Antworten gefunden, aber sie sprechen alle von der Umwandlung in das Format von x Stunden und x Minuten.

Gibt es also einen kleinen Ausschnitt, der dies in jQuery oder reinem JavaScript macht?

Answer 1

String.prototype.toHHMMSS = function () {
    var sec_num = parseInt(this, 10); // denkt an den zweiten Parameter
    var hours   = Math.floor(sec_num / 3600);
    var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
    var seconds = sec_num - (hours * 3600) - (minutes * 60);

    if (hours   < 10) {hours   = "0"+hours;}
    if (minutes < 10) {minutes = "0"+minutes;}
    if (seconds < 10) {seconds = "0"+seconds;}
    return hours+':'+minutes+':'+seconds;
}

Jetzt kannst du es verwenden wie:

alert("5678".toHHMMSS());

Arbeitsausschnitt:

String.prototype.toHHMMSS = function () {
    var sec_num = parseInt(this, 10); // denkt an den zweiten Parameter
    var hours   = Math.floor(sec_num / 3600);
    var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
    var seconds = sec_num - (hours * 3600) - (minutes * 60);

    if (hours   < 10) {hours   = "0"+hours;}
    if (minutes < 10) {minutes = "0"+minutes;}
    if (seconds < 10) {seconds = "0"+seconds;}
    return hours + ':' + minutes + ':' + seconds;
}

console.log("5678".toHHMMSS());

Answer 2

Sie können dies ohne externe JS-Bibliothek mit Hilfe der JS-Datumsmethode wie folgt verwalten:

var date = new Date(0);
date.setSeconds(45); // Wert für SEKUNDEN hier angeben
var timeString = date.toISOString().substring(11, 19);
console.log(timeString)

Answer 3

Um den Zeitteil im Format hh:MM:ss zu erhalten, können Sie diesen regulären Ausdruck verwenden:

(Dies wurde weiter oben im selben Beitrag von jemandem erwähnt, danke dafür.)

    var myDate = new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
    console.log(myDate)

Answer 4

Ich empfehle gewöhnliches Javascript, das das Date-Objekt verwendet. (Für eine kürzere Lösung mit toTimeString siehe den zweiten Code-Schnipsel.)

var seconds = 9999;
// mit 1000 multiplizieren, da Date() Millisekunden erfordert
var date = new Date(seconds * 1000);
var hh = date.getUTCHours();
var mm = date.getUTCMinutes();
var ss = date.getSeconds();
// Wenn Sie einen Zeitstempel anstatt einer Dauer erstellen würden, würden Sie die folgende Zeile auskommentieren, um die 12-Stunden- (nicht 24-Stunden-) Zeit zu erhalten
// if (hh > 12) {hh = hh % 12;}
// Diese Zeilen stellen sicher, dass Sie zweistellige Zahlen haben
if (hh < 10) {hh = "0"+hh;}
if (mm < 10) {mm = "0"+mm;}
if (ss < 10) {ss = "0"+ss;}
// Dies formatiert Ihren String zu HH:MM:SS
var t = hh+":"+mm+":"+ss;
document.write(t);

(Natürlich wird das erstellte Date-Objekt ein tatsächliches Datum haben, aber diese Daten sind irrelevant, also brauchen Sie sich nicht darum zu kümmern.)

---

Bearbeiten (kurze Lösung):

Machen Sie Gebrauch von der toTimeString Funktion und teilen Sie am Leerzeichen auf:

var seconds = 9999; // Ein beliebiger Wert
var date = new Date(seconds * 1000); // mit 1000 multiplizieren, da Date() Millisekunden erfordert
var timeStr = date.toTimeString().split(' ')[0];

toTimeString gibt '16:54:58 GMT-0800 (PST)' zurück, und durch das Aufteilen am ersten Leerzeichen erhalten Sie '16:54:58'.

Answer 5

Hier ist meine Meinung dazu:

function formatTime(seconds) {
  const h = Math.floor(seconds / 3600);
  const m = Math.floor((seconds % 3600) / 60);
  const s = Math.round(seconds % 60);
  return [
    h,
    m > 9 ? m : (h ? '0' + m : m || '0'),
    s > 9 ? s : '0' + s
  ].filter(Boolean).join(':');
}

Erwartete Ergebnisse:

const expect = require('expect');
expect(formatTime(0)).toEqual('0:00');
expect(formatTime(1)).toEqual('0:01');
expect(formatTime(599)).toEqual('9:59');
expect(formatTime(600)).toEqual('10:00');
expect(formatTime(3600)).toEqual('1:00:00');
expect(formatTime(360009)).toEqual('100:00:09');
expect(formatTime(0.2)).toEqual('0:00');