hye-log

[노마드코더]바닐라JS로 크롬 앱 만들기 (28)Date, padStart로 시계 만들기 본문

NomadCoder/(JS)크롬 앱 만들기

[노마드코더]바닐라JS로 크롬 앱 만들기 (28)Date, padStart로 시계 만들기

iihye_ 2022. 2. 20. 15:30

시계를 만들어보자.

Date()는 현재 시간을 가져와주는 기능을 한다.

#5 처럼 date에 현재 시간을 가져와준다.

#6 에서 innerText를 다음과 같이 바꾸어주면 시계를 얻을 수 있다.

 

시계가 실행될 때 숫자 형식이 0, 1, 2, ... 인 것을 볼 수 있다.

우리는 깔끔하게 보이기 위해서 두 자리씩을 맞추고 싶다.

padStart(maxLength, fillString) : string의 길이가 maxLength가 되지 않으면 fillString으로 채워서 보여줌

 

728x90
Comments