Heim > Web-Frontend > js-Tutorial > Wie kann ich Sekunden in JavaScript in das HH:MM:SS-Format konvertieren?

Wie kann ich Sekunden in JavaScript in das HH:MM:SS-Format konvertieren?

Susan Sarandon
Freigeben: 2024-11-24 19:26:15
Original
945 Leute haben es durchsucht

How Can I Convert Seconds to HH:MM:SS Format in JavaScript?

Konvertieren von Sekunden in das HH-MM-SS-Format in JavaScript

Eine häufige Aufgabe bei der Arbeit mit Zeitstempeln ist das Konvertieren von Sekunden in ein für Menschen lesbares Format Format. In JavaScript kann dies ohne externe Bibliotheken mithilfe der Date-Methode erreicht werden.

Lösung:

Der folgende JavaScript-Codeausschnitt zeigt, wie Sekunden in ein HH-MM konvertiert werden -SS string:

const date = new Date(null);
date.setSeconds(SECONDS); // Replace SECONDS with the number of seconds
const result = date.toISOString().slice(11, 19);
Nach dem Login kopieren

Erklärung:

  1. Erstellen eines Date-Objekts: Wir erstellen ein Date-Objekt mit einem Nullwert, der stellt einen Zeitstempel von 0 dar.
  2. Sekunden einstellen: Wir stellen die Sekunden des ein Datumsobjekt auf die angegebene Anzahl von Sekunden.
  3. Extrahieren der HH-MM-SS-Zeichenfolge: Wir konvertieren das Datumsobjekt in eine ISO-Zeichenfolge und schneiden dann den HH-MM-SS-Teil ab (von Index 11 bis 19).

Beispiel:

Umrechnen 600 Sekunden nach HH-MM-SS würden wir den folgenden Code verwenden:

const date = new Date(null);
date.setSeconds(600);
const result = date.toISOString().slice(11, 19);

console.log(result); // Output: "00:10:00"
Nach dem Login kopieren

Alternative einzeilige Lösung:

Wie von Frank in den Kommentaren vorgeschlagen , eine einzeilige Alternative kann wie folgt geschrieben werden:

new Date(SECONDS * 1000).toISOString().slice(11, 19);
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich Sekunden in JavaScript in das HH:MM:SS-Format konvertieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage