[JS] 초를 시:분:초 로 바꿔주는 함수

javascript로 파라미터로 받은 수를 시:분:초로 출력하는 기능을 가진 함수를 만들었다.

 

자바스크립트함수는 function 함수명(파라미터){적용할 코드} 형식으로 구성되었다.

※추후에함수에 대해서 자세히 알려드릴게요.

 

설명이 필요없게 최대한 간결하게 작성하였다.

제이쿼리를 사용하면 더 쉽게 출력 할 수 있고 

 

밑의 코드는 제이쿼리 없이 순수 자바스크립트를 이용하여 구성한것이며

어떤 브라우저에서도 잘 작동한다.

 

함수를 선언해 주고 괄호 안에 숫자를 넣기만 하면된다.

 

ex) time(23450);

//임의로 만든 time()함수 함수명 바꾼다면 실행할 함수명도 같이 바꿔줘야지 작동합니다
function time(seconds) {

//3항 연산자를 이용하여 10보다 작을 경우 0을 붙이도록 처리 하였다.
var hour = parseInt(seconds/3600) < 10 ? '0'+ parseInt(seconds/3600) : parseInt(seconds/3600);
var min = parseInt((seconds%3600)/60) < 10 ? '0'+ parseInt((seconds%3600)/60) : parseInt((seconds%3600)/60);
var sec = seconds % 60 < 10 ? '0'+seconds % 60 : seconds % 60;

//연산한 값을 화면에 뿌려주는 코드
document.getElementById("time").innerHTML = hour+":"+min+":" + sec;
}

//time( 여기에 숫자를 넣으면됩니다)
time(333);

 

사용법

See the Pen [JS] time() by 윤재현 (@jh91) on CodePen.