시간을 정해 일을 시키고 싶다 (setTimeout, setInterval)

자바스크립트에서 시간을 정해서 어떤일을 시키고 싶을때 쓰는 2가지 방법이 있습니다.

 

setTimeout : 한번만 시간을 재고서 일을 시키고 싶을때 사용

구조 : setTimeout(할일,측정시간)

 

앞에서 할일은 뭐라고 했죠? 예! 함수입니다.

측정시간은 밀리세컨드 단위입니다. 즉 1초는 1000이라고 쓰면 됩니다.

 

예제) 3초뒤에 경고창을 띄워주는 것을 만들어 보죠.

setTimeout 결과 값

setTimeout 해제하기 : clearTimeout(timer); 

 

setInterval : 일정시간마다 할일을 시킨다

구조 : setInteval(할일,측정시간); 

 

예제) 1초마다 브라우저에 'setInterval 입니다.'를 쓰게 만들어 봅시다.

setInterval 결과

위와 같이 1초마다 글이 한번씩 써집니다.

setInterval 해제하기 : clearInterval(timer2); 

 

오늘은 시간을 이용한 자바스크립트 일시키기에 대해서 알아봤습니다. setInterval를 잘 이용하면 초시계 같은 것을 금방 만들어 볼 수 있습니다. 다음시간에는 초시계를 한번 만들어 보겠습니다.

 

자바스크립트 setTimeout setInterval