setTimeout() 함수 쿡북

setTimeout()

setTimeout(function() {
  console.log('5초뒤출력!');
}, 5000);

이 코드만 가지고 잘 가져다 쓰도록하자

 

리액트에서는 useEffect에서도 유용하고 여기저기서 잘 쓰구 있다.

 

비동기 방식의 자바스크립트에서는 매우 자주 쓰이는 함수다 추가로

 

clearTimeout()도 알아두자

var settime = setTimeout(function() {
  
}, 5000);

clearTimeout(settime);

이와같이 혹시 모를 오류나, 남아있는 시간때문에 삭제하고 중지하기 위해서 사용한다.

 

그리고 보너스로 일정시간마다 반복하는함수

 

setInterval()함수도 있다.

test = setInterval(function() {
   alert('일정시간마다 출력');
}, 3000);

clearInterval(test);

해당 함수역시 clearInterval과 함께 사용한다.

 

- 참고한 링크

https://developer.mozilla.org/ko/docs/Web/API/setTimeout

setTimeout() - Web API | MDN

https://webisfree.com/2014-04-08/[javascript]-%EC%8B%9C%EA%B0%84-%EC%A7%80%EC%97%B0-%ED%95%A8%EC%88%98-%EC%9D%BC%EC%A0%95-%EC%8B%9C%EA%B0%84-%EB%92%A4-%EC%8B%A4%ED%96%89%EC%8B%9C%ED%82%A4%EA%B8%B0-settimeout()-%7B%7D 

[JavaScript] 시간 지연 함수, 일정 시간 뒤 실행시키기, setTimeout() {}

https://webisfree.com/2014-10-23/[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8]-%EC%9D%BC%EC%A0%95-%EC%8B%9C%EA%B0%84%EB%A7%88%EB%8B%A4-%EB%B0%98%EB%B3%B5-%EC%8B%A4%ED%96%89%ED%95%98%EB%8A%94-%ED%95%A8%EC%88%98-setinterval()-%7B%7D 

[자바스크립트] 일정 시간마다 반복 실행하는 함수, setInterval() {}