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초가 걸릴 것이다.