JavaScript 함수 - 호출 스케줄링

setTimeout

const timeout = setTimeout(()=>{
    console.log('Hello')
}, 5000)

   - 지정된 콜백 함수를 시간차를 두고 호출하는 함수입니다.

   - setTimeout( [콜백함수] , 시간 ) 의 형태로 구성되며, 시간의 단위는 ms (1000분의 1초) 입니다. 

 

 

 

 

clearTimeout

const timeout = setTimeout(()=>{
    console.log('Hello')
}, 5000)

const btnEl = document.querySelector('button')
btn.addEventListener('click', ()=>{
    console.log('타임아웃 취소')
    clearTimeout(timeout)
})

   - 설정된 setTimeout 함수를 취소하는 함수입니다.

   - clearTimeout([취소하려는 timeout 함수명]) 의 형식으로 사용합니다.

 

 

 

 

setInterval & clearInterval

const interval = setInterval(()=>{
    console.log('Hello')
}, 3000) // 3초마다 작동

const btnEl = document.querySelector('button')
btn.addEventListener('click', ()=>{
    console.log('출력 취소')
    clearInterval(interval)
})

   - 설정한 시간을 간격으로 콜백함수를 실행시키는 함수입니다.

   - setTimeout과 마찬가지로 시간단위는 ms 입니다.

   - clearInterval을 통해 setInterval을 취소할 수 있습니다.