Intervars

시계를 만들기 위해 파일을 만들어 각각 세분화했다.

그리고 시계를 넣기 위해 <h2>를 만들었다.

h2 추가

JS 작성

잘 동작된다.

 

잘 동작하는 것을 확인했으면, 이제부터 intervals와 timeout에 대해 이야기해보자.

 

Interval는 '매번' 일어나야 하는 무언가를 말한다. (ex : 2초 마다) 그렇기 때문에 2초마다 어떤 일이 일어나게 만들고 싶을 때 interval을 사용하게 된다.

 

이렇게 만든 함수를 2초마다 실행하고 싶을 때,

이런 기능을 제공하는 tool이 바로 setInterval() 이다.

setInterval()은 두 개의 argument를 받는데, 첫 번째 argument는 내가 실행하고자 하는 function이고 두 번째 argument는 호출되는 function의 시간 간격을 몇 ms(milliseconds)로 할 것인지를 나타낸다.

 

sayHello() 함수를 5000ms 마다 호출하는 setInterval()을 만들어보자

이제 새로고침 후 실행해보면 5초가 지난 뒤 consol창에 Hello가 출력되고, 5초마다 계속 출력되는 것을 확인할 수 있다.