[JS] 타이머 함수

yengni·2022년 7월 14일
0

JS

목록 보기
5/11
post-thumbnail

⏱ setTimeout

setTtimeout ( 함수, 시간(ms) )

📍 1000ms = 1s (초)
: 정해진 시간 후 함수를 실행해준다.

예제 ) 1초(1000ms)가 지나면 함수('fun!!!')를 실행한다.

setTimeout ( function(){
	console.log ('fun!!!');
}, 1000)

⏱ clearTimeout

: clearTimeout을 등록하면 설정된 clearTimeout 함수가 종료된다.

예제 ) clearTimeout을 이용해서 setTImeout을 멈추기.

let timer;
timer = setTImeout ( function(){
	console.log ('fun!!!');
}, 2000)
clearTImeout(timer);

⏱ setInterver

setInterver ( 반복할함수, 시간(ms) )

: 정해진 시간 간격마다 함수를 실행해준다.

예제 ) 2초(2000ms)마다 함수('fun!!!')를 실행한다.

setInterver ( function(){
	console.log ('fun!!!');
}, 2000)

⏱ clearInterver

: cleartInterver을 등록하면 설정된 clearInterver 함수가 종료된다.
🏷 setInterver를 등록하면 타이머는 0이 아닌 숫자를 반환하는데 이는 타이머의 ID를 의미한다. 이 ID는 랜덤숫자이며 ID를 변수에 저장하여 clearInterver에 전달하면 해당 타이머의 반복 실행을 취소해준다.

예제 ) clearInterver을 이용해서 setInterver을 멈추기.

let timer;
timer = setInterver ( function(){
	console.log ('fun!!!');
}, 2000)
clearInterver(timer);
profile
우당탕탕 비전공자의 FE 개발일지

0개의 댓글