Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menukar Detik ke Format HH:MM:SS dalam JavaScript?

Bagaimana untuk Menukar Detik ke Format HH:MM:SS dalam JavaScript?

Linda Hamilton
Lepaskan: 2024-11-21 12:12:11
asal
580 orang telah melayarinya

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

Menukar Saat kepada HH:MM:SS dalam JavaScript

Apabila bekerja dengan data berkaitan masa, selalunya perlu menukar saat kepada format yang boleh dibaca manusia seperti HH:MM:SS. JavaScript menyediakan cara mudah untuk melakukan penukaran ini menggunakan objek Date.

Penyelesaian:

Untuk menukar saat kepada rentetan HH:MM:SS dalam JavaScript, ikuti ini langkah:

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.
Salin selepas log masuk

Contoh:

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
Salin selepas log masuk

Alternatif Satu Pelapik:

Seperti yang dicadangkan oleh @Frank , satu pelapik ringkas yang mencapai hasil yang sama ialah:

new Date(SECONDS * 1000).toISOString().slice(11, 19);
Salin selepas log masuk

Ini varian mendarabkan saat dengan 1000 untuk menukar kepada milisaat, yang lebih mudah untuk mencipta objek Tarikh.

Atas ialah kandungan terperinci Bagaimana untuk Menukar Detik ke Format HH:MM:SS dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan