setTimeout vs setInterval

노영완·2023년 9월 22일
0

setTimeout : 일정 시간이 지난 후에 함수를 실행하는 방법

function Hello {
	alert("setTimeout 안녕하세요")
}
setTimeout(Hello, 1000)
setTimeout(()=>{}, delay)
// 첫번째 인자는 함수이고, 두번째 인자는 일정 시간이다
// 1000은 1s를 뜻한다.
// 주의!
setTimeout(Hello(), 1000) => // 잘못된 코드 함수를 실행하고 인자에 넘기는게 아니다.

clearTimeout
clearTimeout을 사용해 setTimeout을 취소할 수 있다.

let stopTimeout = setTimeout(Hello, 1000)
clearTimeout(stopTimeout)

setInterval: 일정 시간 간격을 두고 함수를 실행하는 방법

function Hello {
	alert("setTimeout 안녕하세요")
}
setInterval(Hello, 1000)
setInterval(()=>{}, delay)
// 첫번째 인자는 함수이고, 두번째 인자는 일정 시간이다
// 1000은 1s를 뜻한다.

clearInterval
clearInterval을 사용해 setInterval을 취소할 수 있다.

let stopInterval = setInterval을(Hello, 1000)
clearInterval을(stopTimeout)

setTimeout을 setInterval처럼 사용하기

function Hello {
 	alert("setTimout을 setInterval처럼 사용하자"
	setTimeout(Hello, 1000)
          }
setTimeout(Hello, 1000)

setTimeout vs setInterval

setTimeout은 일정 시간이 지난 후에 함수를 실행시키고 setInterval은 일정 시간 간격을 두고 함수를 실행한다. 기준이 다르다. setTimeout은 함수를 실행시키고가 나서가 기준이며, setInterval은 일정 시간이 기준이다. 이 차이는 매우크다 앞선 setTimeout을 setInterval처럼 사용했을때 만약 Hello라는 fuction이 3초가 걸리는 fuction이라면 setTimeout은 4초가 걸리것이며 setInterval은 1초가 걸릴 것이다.

0개의 댓글