JavaScript | setTimeout, clearTimeout 함수

앙두·2023년 3월 20일
0

JavaScript

목록 보기
14/21

⏱️ setTimeout

setTimeout의 문법

setTimeout(function, milliseconds, parameter1, parameter2, ...)

setTimeout 은 지정한 시간이 지나면 function이 실행된다.

➕💡 setInterval과 무엇이 다른가 ?
setInterval은 지정해준 시간간격을 두고 반복적으로 function이 실행시키는 함수이다.

✌🏻 setTimeout의 2가지 방식

함수를 미리 따로 설정

실행시킬 함수를 미리 설정하여, 함수명을 setTimeout의 인자에 넣어주는 방식

function time(txt){
	console.log(txt)
}

setTimeout(time, 2000, '짠!')

setTimeout 안에 함수 설정

setTimeout 내, function 자리에 함수를 직접 작성해준다.
반환값은 동일하다.

setTimeout(function(){
	console.log('짠')
}, 2000)

⏱️❎ clearTimeout

setTimeout 을 취소시켜주는 함수.
clearTimeout 함수를 실행시키기 위해서는, id값이 필요하다.

function time(txt){
	console.log(txt)
}

const timer = setTimeout(time, 2000, '짠!')
clearTimeout(timer)

또는

const timer = setTimeout(function(){
	console.log('짠')
}, 2000)
clearTimeout(timer)

setTimeout 을 timer 라는 id에 할당시켜준다.
clearTimeout 은 해당 id를 사용한다.

profile
쓸모있는 기술자

0개의 댓글