[노마드코더]바닐라JS로 크롬 앱 만들기 (27)반복하는 interval, 기다리는 timeout

파일 관리를 용이하게 하기 위해서 css, js 폴더를 만든 다음, 기존에 만들었던 파일들을 분리해서 넣어두었다.

지금까지 만들었던 app.js는 greetings.js로 바꾸고, clock.js를 새로 만든다.

이때, index.html에서 기존 파일들에 대한 경로 설정을 새로 해주어야 한다.

이렇게 파일 관리는 divide and conquer 방식을 사용하는 것이 깔끔하다.

 

interval은 매번 일어나야 하는 무언가를 말한다.

예를 들어, 2초마다 발생하는 알람이라면 interval을 사용한다.

setinterval : 첫 번째 argument는 실행하고자 하는 function, 두 번째 argument는 호출되는 function의 간격을 몇 ms로 할건지 정한다

예를 들어, clock.js에서 #11 은 sayHello라는 function을 5000ms(5s)마다 반복한다.

timeout은 일정 시간을 기다려서 발생시킬 때 사용한다.

setTimeout : 첫 번째 argument는 실행하고자 하는 function, 두 번째 argument는 호출되는 function을 몇 ms 기다렸다가 실행할지 결정한다.

예를 들어, clock.js에서 #7 은 sayHello function을 5000ms(5s) 기다렸다가 실행한다.