setTimeout() 함수를 알아보자

setTimeout()은 어떨때 쓰이는가?

 

어떠한 코드를 바로 실행하지 않고 일정 시간을기다린 후에 실행한다.

setTimeout() 함수는 첫번째 인자로 실행시킬 코드를 담고있는 함수를 받고, 

두번째 인자로 지연 시간을 밀리초(ms) 단위로 받습니다.

 

setTimeout(() => console.log("2초 후에 실행 됨"), 2000);

 

해당 코드를 F12 개발자 모드에 작성하면 해당 함수가 2초뒤에 실행되는 것을 확인할 수 있다.

앞에는 내가 실행하고 싶은 조건과 뒤에는 내가 언제 실행할꺼냐라고 생각하면 된다.

 

function add (x, y) {
	console.log (x + y);
}
setTimeout(add, 2000, 4, 13);

 

add라는 함수에 x와 y를 파라미터로 넘겨주고 콘솔로그에 x와 y를 더하는 함수를 만들고

아래 setTimeout()에 add라는 함수를 2초 후에 실행 시키고 4와 13의 값을 다시 넘겨줬다.

 

2초 후에 실행 된 17을 확인할 수 있다. 1000당 1초라고 생각하면 된다.

 

그럼 5초 후에 한번 실행하는 변수를 만들고 싶다! 어떻게 하면될까?

일단 그럼 5초 후에 실행되는 함수를 먼저 실행해보자

 

setTimeout(() => console.log("5초 후에 실행"), 5000)

 

5초 후에 뜨는 것을 확인하였으니 이제 변수에 담아 설정을해주자

그럼 5초 후에 뜨는 것을 취소할 수 있는데 clearTimeout(); 을 사용하면 취소해 줄 수 있다.

 

let time = setTimeout(() => console.log("5초 후에 실행"), 5000)

clearTimeout(time);