Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Linda Hamilton
Freigeben: 2024-11-21 12:12:11
Original
518 Leute haben es durchsucht

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

Konvertieren von Sekunden in HH:MM:SS in JavaScript

Bei der Arbeit mit zeitbezogenen Daten ist es oft notwendig, Sekunden in a umzuwandeln Für Menschen lesbares Format wie HH:MM:SS. JavaScript bietet eine einfache Möglichkeit, diese Konvertierung mithilfe des Date-Objekts durchzuführen.

Lösung:

Um Sekunden in eine HH:MM:SS-Zeichenfolge in JavaScript umzuwandeln, befolgen Sie diese Schritte Schritte:

1. Create a new Date object with the seconds value set to null.
2. Use the setSeconds() method to specify the desired number of seconds.
3. Call the toISOString() method on the Date object to get a string representation in ISO format.
4. Extract the time portion of the string (HH:MM:SS) by slicing from index 11 to index 19.
Nach dem Login kopieren

Beispiel:

const SECONDS = 3600;  // 1 hour, specified in seconds
const date = new Date(null);
date.setSeconds(SECONDS);
const result = date.toISOString().slice(11, 19);
console.log(result);  // Output: 01:00:00
Nach dem Login kopieren

Alternativer Einzeiler:

Wie von @Frank vorgeschlagen , ein prägnanter Einzeiler, der das gleiche Ergebnis erzielt, ist:

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

Diese Variante Multipliziert die Sekunden mit 1000, um sie in Millisekunden umzuwandeln, was für die Erstellung eines Date-Objekts praktischer ist.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich Sekunden in JavaScript in das HH:MM:SS-Format?. 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