[javascript] 현재 시간 보여주기

「이번에는 javascript로 현재 시간(시:분:초)을 나타내 보겠습니다!」

 

 

0. "html에서의 clock부분"DOM의 객체 가져오기

1. 현재 시간 가져오기

- 현재 시간을 넣어줄 상수 clock에 현재 시간을 넣어줍니다.

2. 가져온 데이터 시, 분, 초로 나누어 저장하기

- 시간을 시:분:초로 표시해주기 위해 각각의 상수에 넣어줍니다.

 

3. 정제한 데이터 표시하기

-innerHTML로 가져온 데이터를 표시해줍니다. (10 미만인 부분이 있으면 0을 붙여 보여줍니다.)

4. 윗 부분을 반복 실행하기 위해 함수로 묶기

5. 1초마다 함수 실행하기

- setInterval 구문으로 시간마다 해당 함수를 반복 실행해줍니다.

6. 마무리하기

-모든 부분을 하나로! 

-3번 줄은 clock의 색깔을 바꿔주는 부분입니다.

7. 마무리하기

 

- html -