[JavaScript 입문과 웹 UI개발] setTimeout 타이머주는 법

두부따거·2023년 1월 15일
0
post-thumbnail

setTimeout()

자바스크립트 기본 함수 중에 setTimeout() 이라는게 있다.

이거 쓰면 X초 후에 코드를 실행해준다.

setTimeout(function(){ 실행할코드~ }, 기다릴시간);

시간은 ms 단위로 적으면 된다.

X초마다 코드를 실행하고 싶으면 setInterval()

X초마다 코드를 실행하고 싶으면 setTimeout() 을 연달아서 여러개 쓰거나

setInterval(function(){ 실행할코드~ }, 기다릴시간);

위처럼 setInterval 써도 된다.

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

타이머 삭제

타이머를 삭제하고 싶으면

var 타이머 = setInterval(어쩌구);

이렇게 변수에 저장해둔 다음

타이머 삭제하고 싶을 때 clearTimeout(타이머) 이 코드 실행하면 된다.

profile
두부보스

0개의 댓글