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

Eine Google-Suche ergab dieses Ergebnis:

function secondsToTime(secs)
{
    secs = Math.round(secs);
    var hours = Math.floor(secs / (60 * 60));

    var divisor_for_minutes = secs % (60 * 60);
    var minutes = Math.floor(divisor_for_minutes / 60);

    var divisor_for_seconds = divisor_for_minutes % 60;
    var seconds = Math.ceil(divisor_for_seconds);

    var obj = {
        "h": hours,
        "m": minutes,
        "s": seconds
    };
    return obj;
}

Answer 2

function formatTime(seconds) {
    return [
        parseInt(seconds / 60 / 60),
        parseInt(seconds / 60 % 60),
        parseInt(seconds % 60)
    ]
        .join(":")
        .replace(/\b(\d)\b/g, "0$1")
}

Answer 3

Variation on a theme. Handles single digit seconds a little differently

seconds2time(0)  ->  "0s" 
seconds2time(59) -> "59s" 
seconds2time(60) -> "1:00" 
seconds2time(1000) -> "16:40" 
seconds2time(4000) -> "1:06:40"

function seconds2time (seconds) {
    var hours   = Math.floor(seconds / 3600);
    var minutes = Math.floor((seconds - (hours * 3600)) / 60);
    var seconds = seconds - (hours * 3600) - (minutes * 60);
    var time = "";

    if (hours != 0) {
      time = hours+":";
    }
    if (minutes != 0 || time !== "") {
      minutes = (minutes < 10 && time !== "") ? "0"+minutes : String(minutes);
      time += minutes+":";
    }
    if (time === "") {
      time = seconds+"s";
    }
    else {
      time += (seconds < 10) ? "0"+seconds : String(seconds);
    }
    return time;
}

Answer 4

Hier ist ein Beispiel für die Verwendung von Date.prototype.toLocaleTimeString(). Ich habe GB als Sprache gewählt, weil die USA eine 24 anstelle einer 00 für die anfängliche Stunde anzeigen. Außerdem habe ich Etc/UTC als Zeitzone gewählt, weil UTC in der Liste der IANA-Zeitzonen darauf verweist.

const formatTime = (Sekunden) =>
  new Date(Sekunden * 1000).toLocaleTimeString('en-GB', {
    timeZone:'Etc/UTC',
    hour12: false,
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit'
  });

console.log(formatTime(75)); // 00:01:15

.as-console-wrapper { top: 0; max-height: 100% !important; }

Hier ist das gleiche Beispiel, aber mit Intl.DateTimeFormat. Diese Variante ermöglicht es Ihnen, ein wiederverwendbares Formatter-Objekt zu instanziieren, was performanter ist.

const dateFormatter = new Intl.DateTimeFormat('en-GB', {
  timeZone:'Etc/UTC',
  hour12: false,
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit'
});

const formatTime = (Sekunden) => dateFormatter.format(new Date(Sekunden * 1000));

console.log(formatTime(75)); // 00:01:15

.as-console-wrapper { top: 0; max-height: 100% !important; }

Answer 5

Verwendung der erstaunlichen moment.js Bibliothek:

function humanizeDuration(input, units ) { 
  // units is a string with possible values of y, M, w, d, h, m, s, ms
  var duration = moment().startOf('day').add(units, input),
    format = "";

  if(duration.hour() > 0){ format += "H [Stunden] "; }

  if(duration.minute() > 0){ format += "m [Minuten] "; }

  format += " s [Sekunden]";

  return duration.format(format);
}

Dies ermöglicht es Ihnen, jede beliebige Dauer anzugeben, sei es Stunden, Minuten, Sekunden, Millisekunden, und gibt eine menschenlesbare Version zurück.