n초 후 실행하기, n초마다 실행하기

메소드를 n초 후 실행하기

// 3초 후에 "3초 땡"을 콘솔에 출력
setTimeout(function () {console.log("3초 땡")}, 3000);

3초 후에 메세지를 출력

 

setTimeout(메소드, 시간);

Javascript의 최상위 객체인 window의 메소드 setTimeout()을 이용한다.

시간은 ms(1/1,000 초) 단위로 입력한다.

 

---

메소드를 n초 마다 실행하기

var i = 0;

// 0, 1, 2, 3... 을 1초마다 출력
var intervalId = setInterval(function () { console.log(i++) }, 1000);

// 반복 중지하기
clearInterval(intervalId);

1초마다 높아지는 숫자

 

setInterval(메소드, 시간);

window의 메소드 setInterval을 이용한다.

시간은 ms(1/1,000 초) 단위로 입력한다.

setInterval 내의 익명함수가 1000ms마다 실행되어, 콘솔에 0, 1, 2, 3... 이 1초 단위로 출력된다.

setInterval을 실행시 변수로 저장 가능하며, clearInterval(반복함수) 로 반복을 중지할 수 있다.