Adventure Time - Lady Rainicorn setTimeout( )과 setInterval( ) 함수
본문 바로가기
💻공부/JavaScript

setTimeout( )과 setInterval( ) 함수

by 강켄트 2022. 9. 22.

 

함수를 명시적으로 호출하면 함수가 즉시 실행되는데 함수 호출 시점을 임의적으로 조정하기 위해서는

타이머 함수가 필요하다!

=> 호출 스케줄링(schedule a call)

 

타이머 함수에는 setTimeout()과 setInterval()이 있다.

공통점은 일정 시간이 지나면 콜백함수를 호출한다. 

차이점은 

setTimeout( )은 매개변수로 주어진 시간후 딱 한번만 콜백함수 호출한다.

setInterval( )은 매개변수로 주어진 시간 간격으로 무한정 반복 호출한다.

 

setTimeout("함수이름( )", ms )

주어진 시간후 한번만 호출되기 때문에 계속 쓰려면 함수 안에 집어 넣어야한다.

고유한 타이머 id 값을 반환한다. setTimeout( )함수를 실행하면 숫자가 반환되는데, 이게 타이머 id이다.

//5초 후에 첫 번째 인자인 콜백함수를 실행해라
setTimeout(fonction(){console.log(3)}, 5000);

 

setInterval("함수이름( )", ms) 

두번째 인수로 전달받은 시간 간격으로 동작하는 타이머 생성

첫번째로 전달받는 콜백 함수가 시간 간격을 두고 반복적으로 호출횐다.

(그렇기 때문에 재귀호출로 사용하지 않기)

 

*타이머가 실행될 시간은 밀리세컨드 단위 1000밀리세컨드가 1초(1000=1초) 

 

clearTimeout(중지대상) : setTimeout을 취소하는 역할을 한다.

A = setTimeout("함수이름()", ms);
clearTimeout(A);

 

 

'💻공부 > JavaScript' 카테고리의 다른 글

API 호출  (0) 2023.05.18
동기 & 비동기  (0) 2023.05.17
마우스 커서를 따라다니는 이미지만들기  (0) 2022.09.27
내장 함수 : prompt( ) 함수  (0) 2022.09.21

댓글