convertMS

JS: Convert Milliseconds to days? minutes? seconds? or all! https://gist.github.com/flangofas/714f401b63a1c3d84aaa

HTML

<script src="https://gist.githubusercontent.com/flangofas/714f401b63a1c3d84aaa/raw/f46ac8006c870f497cf472c95ce611c8e7eb6f1e/ConvertMS.js"></script>
<input id="input" type="number" value="300000" /><span> millisecond</span>
<div id="result"></div>
<script>
  function convertMiliseconds(miliseconds, format) {
    var days, hours, minutes, seconds, total_hours, total_minutes, total_seconds;

    total_seconds = parseInt(Math.floor(miliseconds / 1000));
    total_minutes = parseInt(Math.floor(total_seconds / 60));
    total_hours = parseInt(Math.floor(total_minutes / 60));
    days = parseInt(Math.floor(total_hours / 24));

    seconds = parseInt(total_seconds % 60);
    minutes = parseInt(total_minutes % 60);
    hours = parseInt(total_hours % 24);

    switch (format) {
      case 's':
        return total_seconds;
      case 'm':
        return total_minutes;
      case 'h':
        return total_hours;
      case 'd':
        return days;
      default:
        return {
          d: days, h: hours, m: minutes, s: seconds
        };
    }
  }

</script>

CSS

body {
  text-align: left;
  font-size: 20px;
  margin: 50px;
  padding: 10px;
  width: fit-content;
  border: solid blue 2px;
}

#result {
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  width: fit-content;
  border: solid red 2px;
}

#result ul {
  list-style-type: circle;
  padding-left: 20px;
}

JavaScript

// https://gist.github.com/flangofas/714f401b63a1c3d84aaa
let clearInterval = setInterval( () => {
  let ms = document.querySelector("#input")
  let elm = document.querySelector("#result")
  let r = convertMiliseconds(ms.value)
  let html_li_str = ``
  for (const [key, value] of Object.entries(r)) {
  html_li_str += `<li>${key}\t:\t${value}</li>`
  }
  let html_ul_str = `<ul>${html_li_str}</ul>`
  elm.innerHTML = `${html_ul_str}`
}, 500)