[Javescript] setTimeout(), setInterval() : 비동기 처리 함수

romini·2021년 10월 11일
0

setTimeout(func, sec, (인수)) : 일정 시간이 지난 후 함수를 실행

  • func : 일정 시간이 지난 후 실행 될 함수

  • sec : 시간 (1000 = 1초)

  • (인자) : 함수 인자가 필요할 때 작성

function func(){
	console.log("hello world!")
}
setTimeout(func, 3000);

위 코드를 실행하면 3초 뒤에 hello world가 콘솔창에 출력된다.

위 코드를 아래와 같이 적을 수도 있다!

const tId = setTimeout(()=>{
	console.log("hello world!")
}, 3000);

setTimeout()은 time Id를 반환하는데 이를 이용하여 예정된 작업을 취소할 수 있다.

clearTimeout(tId);

setInterval(func, sec, (인수)) : 일정 시간마다 함수를 반복 수행

  • func : 일정 시간마다 반복될 함수

  • sec : 시간 (1000 = 1초)

  • (인자) : 함수 인자가 필요할 때 작성

function func(){
	console.log("hello world!")
}
const tId = setInterver(func, 3000);

setTimeout과 마찬가지로 time Id를 반환하며 이를 이용해 반복 수행을 종료할 수 있다.

clearInterval(tId);

0개의 댓글