Convert milliseconds to days, hours, minutes, seconds javascript

Convert Milliseconds To Hours Minutes Seconds Javascript With Code Examples

In this article, we will see how to solve Convert Milliseconds To Hours Minutes Seconds Javascript with examples.

function msToTime(duration) {
  var milliseconds = parseInt((duration % 1000) / 100),
    seconds = Math.floor((duration / 1000) % 60),
    minutes = Math.floor((duration / (1000 * 60)) % 60),
    hours = Math.floor((duration / (1000 * 60 * 60)) % 24);

  hours = (hours < 10) ? "0" + hours : hours;
  minutes = (minutes < 10) ? "0" + minutes : minutes;
  seconds = (seconds < 10) ? "0" + seconds : seconds;

  return hours + ":" + minutes + ":" + seconds + "." + milliseconds;
}
console.log(msToTime(300000))

The identical problem Convert Milliseconds To Hours Minutes Seconds Javascript can be fixed by employing an alternative method, which will be discussed in more detail along with some code samples below.

const millisToMinutesAndSeconds = (millis) => {
    var minutes = Math.floor(millis / 60000);
    var seconds = ((millis % 60000) / 1000).toFixed(0);
	//ES6 interpolated literals/template literals 
  	//If seconds is less than 10 put a zero in front.
    return `${minutes}:${(seconds < 10 ? "0" : "")}${seconds}`;
}
    

function msToTime(ms) {
  let seconds = (ms / 1000).toFixed(1);
  let minutes = (ms / (1000 * 60)).toFixed(1);
  let hours = (ms / (1000 * 60 * 60)).toFixed(1);
  let days = (ms / (1000 * 60 * 60 * 24)).toFixed(1);
  if (seconds < 60) return seconds + " Sec";
  else if (minutes < 60) return minutes + " Min";
  else if (hours < 24) return hours + " Hrs";
  else return days + " Days"
}

console.log(msToTime(653465))

We were able to fix the Convert Milliseconds To Hours Minutes Seconds Javascript problemcode by looking at a number of different examples.

To convert milliseconds to hours, minutes and seconds in JavaScript –

1. Divide the milliseconds by ‘1000’ to convert milliseconds to seconds.
2. Divide the seconds by ’60’ to convert seconds to minutes.
3. Divide the minutes by ’60’ to convert minutes to hours.
4. You can use the modulus (%) operator to get the remainder from the division.
5. Add the leading 0 to minutes and seconds if it’s less than 10.

Let’s create a reusable function that converts milliseconds to hh:mm:ss format.

function convertMillisecondsToHumanReadableTime(ms) {

  let seconds = Math.floor(ms/1000);

  let minutes = Math.floor(seconds/60);

  let hours = Math.floor(minutes/60);

  seconds = seconds % 60;

  minutes = minutes % 60;

  hours = hours < 10 ? “0” + hours : hours;

  minutes = minutes < 10 ? “0” + minutes : minutes;

  seconds = seconds < 10 ? “0” + seconds : seconds;

  return `${hours}:${minutes}:${seconds}`;

}

convertMillisecondsToHumanReadableTime(5000000); //=> 01:23:20

convertMillisecondsToHumanReadableTime(15000); //=> 00:00:15

convertMillisecondsToHumanReadableTime(60000); //=> 00:01:00

You can do hours%24 if you want to reset to 0 after 24 hours.

Here is an example using the hours%24 to reset to 0 after 24 hours.

function convertMillisecondsToHumanReadableTime(ms) {

  let seconds = Math.floor(ms/1000);

  let minutes = Math.floor(seconds/60);

  let hours = Math.floor(minutes/60);

  hours = hours % 24;

  seconds = seconds % 60;

  minutes = minutes % 60;

  hours = hours < 10 ? “0” + hours : hours;

  minutes = minutes < 10 ? “0” + minutes : minutes;

  seconds = seconds < 10 ? “0” + seconds : seconds;

  return `${hours}:${minutes}:${seconds}`;

}

convertMillisecondsToHumanReadableTime(5000000000); //=> 20:53:20 (hours are reset to 0 after 24)

convertMillisecondsToHumanReadableTime(15000); //=> 00:00:15

convertMillisecondsToHumanReadableTime(60000); //=> 00:01:00

In the above code, we first converted milliseconds to seconds, then to minutes and finally to hours. We use the Math.floor() method to round a number down to the nearest integer.

We also used the modulus (%) operator to get the remainder from the division. The modulus operator is often used with clock time (hh:mm:ss) to separate hours, minutes, and seconds.

Finally, we added leading 0s to minutes and seconds if it’s less than 10 using a ternary operator (condition ? if true : else). Ternary operators are often used as shorthand for if-else statements in JavaScript.

You can also convert milliseconds to days, weeks, months, years, etc. using the same method.

Conclusion

In this article, you learned how to convert milliseconds to hours, minutes and seconds in JavaScript. You also learned how to use the modulus operator and ternary operator in JavaScript.

If you have any questions, please post them in the comments section below.