[javascript] 타이머 함수

Hyebin·2021년 4월 3일
0

Javascript

목록 보기
16/27
post-thumbnail

Web API 중에 타이머 함수가 있다. (자바스크립트 내장 함수)
타이머 함수의 종류를 알아보자

setTimeout(callback, millisecond)

일정 시간 후에 함수를 실행

  • arguments:
    실행할 callback 함수, callback 함수 실행 전 기다려야 할 시간 (밀리초)
  • return value:
    임의의 타이머 ID
setTimeout(function() {
  //콘솔 창에 문자열 출력
  console.log('1초 후 실행');
}, 1000); //1초 후에 실행된다. 
// 123

setInterval(callback, millisecond)

일정 시간의 간격을 가지고 함수를 반복적으로 실행

  • arguments:
    실행할 callback 함수, 반복적으로 함수를 실행시키기 위한 시간 간격 (밀리초)
  • return value:
    임의의 타이머 ID
setInterval(function() {
  console.log('3초마다 실행');
}, 3000); // 3초마다 반복실행
// 345

clearInterval(timerId)

반복 실행중인 타이머를 종료

arguments: 타이머 ID
return value: 없음

let timer = setInterval(function() {
  console.log('1초마다 실행');
}, 1000);
clearInterval(timer);
// 더 이상 반복 실행되지 않음

0개의 댓글