티스토리 뷰

클론코딩

momentum 시계만들기

변기원 2022. 1. 2. 02:05

new Date()를 사용하면 지금 이순간의 날짜,시간을 알수있다.

우리는 날짜, 요일,시간 중 hours, minutes, seconds가 필요하다.

그냥 함수를 한번 실행하면 실행하는 그 순간의 시간을 출력할 뿐이다. 이럴때는 setInterval()을 이용해서 원하는 함수를 원하는 시간간격으로 계속 실행할 수 있다. getClock이라는 함수를 시작하자마자 1번 실행하고 그 뒤로 1초간격으로 계속 실행한다. 이를 통해 우리는 실시간으로 1초마다 현재시간을 출력하는 시계를 가질 수 있다. padStart는 string에만 적용되는 함수인데, padStart(2,"0") 의 뜻은 string이 두자리수보다 모자라면 앞쪽으로 padding을 주고 string "0"을 채워넣는다는 뜻이다. 

이렇게하면 13:50:01 이런 시계화면을 얻을 수 있다.

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함