Clock(intervals, timeout in javaScript)(1)

이전까지 만든거 greeting 으로 이름 바꾸고 clock이라는 js 파일 따로 만들어줌(기능별로 코드분리)

 

html 에 clock도 연결해주고

 

interval ; 매번 일어나야 하는 무언가

ex) 매 2초마다 무슨일이 일어나게 하고 싶을 때 쓰는 것

>>이런 기능 제공하는 tool이 setInterval()

setInterval은 2개의 인자를 받음

첫번째는 실행하고자 하는 함수

두번째는 함수가 호출되는 간격, 단위는 ms(milliseconds) (ex. 5000ms = 5초)

 

sayHello 라는 함수를 2000ms(2초) 마다 출력함

처음 2초 콘솔에 아무것도 보이지 않다가 2초간격으로 hello 출력됨

 

setTimeout();  일정시간이 흐른 뒤 함수를 딱 1번만 호출하고 싶을 때

두개의 인자를 받음

첫번째 = 함수, 두번째 = 기다리는 시간

 

setTimeout(sayHello, 2000)

-> 2초 뒤에 콘솔창에 hello 가 한번만 출력 됨