-
[Javascript] moment로 audio 태그의 currentTime 및 duration 값을 mm:ss 형식으로 쉽게 표시하기Javascript & TypeScript 2021. 2. 13. 22:48반응형
moment는 날짜/시간에 대한 다양한 포맷이나 계산을 쉽게 할 수 있도록 도와주는 javascript 모듈이다. 워낙 유명하기 때문에 더 이상의 설명은 필요없을 듯 하다.
Moment.js | Home
Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); moment("20120620", "YYYYMMDD"
momentjs.com
개인 개발 프로젝트에서 audio 태그에 재생되는 음악의 재생시간과 총 길이를 분:초(mm:ss) 형식으로 표시하고자 하는데 한줄로 간단하게 구현하고 싶어 아래와 같이 사용하게 되었다.
moment(audio.duration * 1000).format("mm:ss")예시는 전체시간 값을 나타내는 duration 만 예시로 들었지만, currentTime 도 동일하게 사용가능하다. 밀리초 단위이기 때문에 * 1000을 해줘야한다.
반응형'Javascript & TypeScript' 카테고리의 다른 글
[gRPC] nodeJS 에선 google.protobuf.Any 가 지원되지 않는다. (3) 2021.03.01 [NodeJS] 간단히 구현해 본 메일발송 예제 (0) 2021.02.27 [React Hook] 상태 훅(State Hook)을 내부함수로 정의할 경우 유의사항 (0) 2021.02.12 [React Hook] 상태 훅(State Hook)을 EventListener에 사용시 유의사항 (1) 2021.02.11 [React Hook] 컴포넌트 내 Effect Hook(useEffect) 사용 개념정리 (0) 2021.02.11