how to convert seconds to hh:mm:ss with javascript

<div>
  Code: 
</div>
<pre>
function formatSeconds(sec) {
 return appendZero(sec / 3600) + ':' + appendZero((sec % 3600) / 60) + ':' + appendZero((sec % 3600) % 60);
}

function appendZero(num) {num = parseInt(num);return num < 10 ? '0' + num : num;}
</pre>
<br/>
<br/>
Output : <br/><br/>
<input type="text" id="sec" value="3600"/><input type="button" value="Submit" onclick="format();"/><br/><br/>

<div id = "result"/>

CSS

JS

function formatSeconds(sec) {
 return appendZero(sec / 3600) + ':' + appendZero((sec % 3600) / 60) + ':' + appendZero((sec % 3600) % 60);
}

function appendZero(num) {num = parseInt(num);return num < 10 ? '0' + num : num;}

function format() {
  var num = document.querySelector('#sec').value;
  if(!isNaN(num)) {
	document.querySelector("#result").innerHTML = 'Result : - ' + formatSeconds(num);
  } else {
    document.querySelector("#result").innerHTML = 'Invalid Number';
  }
}
format();

Keyboard Shortcuts

Meta

Latest edits

HTML

CSS

JS