Home > Web Front-end > JS Tutorial > How Do I Convert Unix Timestamps to HH:MM:SS Time Format in JavaScript?

How Do I Convert Unix Timestamps to HH:MM:SS Time Format in JavaScript?

DDD
Release: 2024-12-27 02:20:09
Original
918 people have browsed it

How Do I Convert Unix Timestamps to HH:MM:SS Time Format in JavaScript?

Converting Unix Timestamps to Time in JavaScript

Unix timestamps are widely used to represent time in databases and other computing contexts. When these timestamps are retrieved for use in JavaScript code, you may need to extract the actual time components, such as hours, minutes, and seconds.

Solution:

To convert a Unix timestamp to time in JavaScript's HH:MM:SS format, follow these steps:


  1. Create a Date object from the Unix timestamp multiplied by 1000 (to convert it to milliseconds).

  2. Extract the hours, minutes, and seconds components from the Date object.

  3. Format the extracted components using string concatenation to create the desired HH:MM:SS time format.

Example Code:

let unix_timestamp = 1549312452;

// Create a new JavaScript Date object based on the timestamp multiplied by 1000 so that the argument is in milliseconds, not seconds
var date = new Date(unix_timestamp * 1000);

// Hours part from the timestamp
var hours = date.getHours();

// Minutes part from the timestamp
var minutes = "0" + date.getMinutes();

// Seconds part from the timestamp
var seconds = "0" + date.getSeconds();

// Will display time in 10:30:23 format
var formattedTime = hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);

console.log(formattedTime);
Copy after login

By following these steps, you can easily convert Unix timestamps to time in JavaScript's HH:MM:SS format for display or further processing.

The above is the detailed content of How Do I Convert Unix Timestamps to HH:MM:SS Time Format in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template