JavaScript setTimeout & setInterval

Jun Lee·2023년 7월 8일

코딩애플 JavaScript

목록 보기
10/20

1. setTimeout() 쓰는 법

  • JavaScript 기본 함수 중에 setTimeout() 이라는게 있는데, 이것을 쓰면 n초후에 코드를 실행해 줌
setTimeout(function() { 실행 할 코드 }, n);
  • 시간은 ms 단위로 적으면 됨. (1s는 1000ms)

예시)

setTimeout(function() {
  console.log("안녕");
}, 1000);
  • 위 코드를 작성하면 1초 후에 콘솔창에 "안녕" 이라고 뜸.

2. setInterval() 쓰는 법

  • n초마다 코드를 실행하고 싶으면 setTimeout()을 연달아서 여러개 쓰거나 setInterval()을 쓰면 됨.
setInterval(function() { 실행 할 코드 }, n);
  • 위 코드를 작성하면 n초마다 안에 있는 코드를 실행 해 줌.

예시)

setInterval(function() {
  console.log('안녕');
}, 1000);

3. 타이머를 삭제하고 싶을 때

  • let timer = setInterval(어쩌구); 로 저장해놨을때 타이머를 삭제하고 싶다면 clearTimeout(타이머); 이 코드를 실행하면 됨.

0개의 댓글