Heim >Web-Frontend >js-Tutorial >Wie konvertiere ich Sekunden in JavaScript in das Zeitformat hh:mm:ss?

Wie konvertiere ich Sekunden in JavaScript in das Zeitformat hh:mm:ss?

DDD
DDDOriginal
2024-12-01 02:56:10550Durchsuche

How to Convert Seconds to hh:mm:ss Time Format in JavaScript?

Konvertieren von Sekunden in durch Doppelpunkte getrennte Zeitzeichenfolgen im hh:mm:ss-Format

Konvertieren einer Dauer von Sekunden in eine für Menschen lesbare Zeit Das Erstellen einer Zeichenfolge im Format hh:mm:ss kann eine häufige Aufgabe in der Webentwicklung sein. Dies ist besonders nützlich für die Anzeige der Dauer der Medienwiedergabe, von Timern oder anderen Szenarien, in denen eine präzise Zeitdarstellung erforderlich ist.

Lassen Sie uns ein unkompliziertes und effizientes JavaScript-Snippet erkunden, das diese Konvertierung nahtlos durchführt:

String.prototype.toHHMMSS = function () {
    var sec_num = parseInt(this, 10); // don't forget the second param
    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;
}

So können Sie diese Funktion verwenden, um Sekunden in die gewünschte Zeitzeichenfolge umzuwandeln:

alert("5678".toHHMMSS());

Dadurch wird die Zeichenfolge ausgegeben „1:34:38“ im Format hh:mm:ss. Die Funktion sorgt dafür, dass die Stunden, Minuten und Sekunden mit Nullen aufgefüllt werden, wenn sie weniger als 10 betragen, um die gewünschte Formatierung beizubehalten.

Um dies weiter zu veranschaulichen, betrachten wir ein Szenario, in dem Sie einen Mediaplayer haben, der Folgendes anzeigt verstrichene Dauer eines Videos. Mit diesem Snippet können Sie die Zeitanzeige jede Sekunde dynamisch aktualisieren, um dem Benutzer eine genaue Zeitangabe zu liefern.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich Sekunden in JavaScript in das Zeitformat hh:mm:ss?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn