Callback Function

김민재·2021년 6월 17일
0

Gotcha JavaScript!

목록 보기
29/45

Callback Function

어떠한 조건을 등록해 두고 해당 조건을 만족한 경우,
나중에 호출해주는 함수를 의미한다.

setTimeout( function, time ) & setInterval( function, time )

시간을 기반으로 콜백함수를 호출하는 명령이다.
각각 타이머를 설정하고 해당시간이 지난 후에 콜백함수를 호출하거나
해당 시간마다 콜백함수를 호출해주는 기능을 제공해준다.

1>setInterval( function, time )

-time 시간이 지난 경우 function 함수를 콜백하는 함수
-time은 millisecond (1/1000초) 단위이다
-timerId를 반환한다

<script>
function callback() {console.log("callback func is called")}
//특정 시간이 지났을 때 호출되는 함수이다
setInterver ( callback, 5000)
//첫 번째 인자로 callback함수를, 두번째 인자로 시간을 넣는다.
//1 반환되는 정수 값 
</script>

clearTimeout( timerId )

-setTimeout 함수 호출의 결과로 반환된 timerId(반환 값)를 인자로 받아 예약되어 있던 function호출을 취소
-이미 function이 호출된 경우(시간이 지나 이벤트가 발생한 경우)에는 효과 없음

2>setTimeout( function, time )

-time 시간이 경과할 때마다 function 함수를 콜백하는 함수
-timerId를 반환함

<script>
function callback() {console.log("callback func is called")}
//특정 시간이 지났을 때 호출되는 함수이다
setTimeout ( callback, 5000)
//첫 번째 인자로 callback함수를, 두번째 인자로 시간을 넣는다.
//2
</script>

clearInterval( intervalId )

-setInterval 함수 호출의 결과로 반환된 intervalId를 인자로 받아 주기적으로 호출되던 function 호출을 취소한다.

<script>
claerIntervar(2)
//해당 명령을 취소한다.
</script>
profile
자기 신뢰의 힘을 믿고 실천하는 개발자가 되고자합니다.

0개의 댓글