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')
}