NULL

콜백함수와 setTimeout, setInterval 사용법 본문

Front-end/Vanilla JS

콜백함수와 setTimeout, setInterval 사용법

1924 2022. 4. 12. 07:01

setTimeout

 

JS 기본 함수 중에서 setTimeout 이라는 함수가 존재한다.

효과는 몇초 후에 코드를 실행하는 역할이다.

 

setTimeout(function(){
	실행할 코드
}, 기다릴 시간);

시간은 ms단위로 1초당 1000이다.

 

 

 

setInterval()

정해진 초마다 코드를 연속으로 실행하고 싶다면 setInterval()를 사용한다.

 

setInterval(function(){
	실행할 코드
}, 기다릴 시간);

방법은 전과 동일하다.

 

 

 

콜백함수

함수 파라미터 자리에 들어가는 함수를 콜백함수라고 한다.

setTimeout(), addEvenListener() 와 같은 함수들은 콜백함수를 요구한다.

 

콜백함수도 일종의 함수이기에

다른 곳에서 만든 함수를 집어 넣어도 잘 작동한다.

 

setTimeout(함수, 1000);

function 함수(){ 
  console.log('hi')
}

 

Comments