상세 컨텐츠

본문 제목

타이머 함수

♥ 코딩(Coding)/자바스크립트(JavaScript)

by 디자이너 윈썸 2022. 6. 13. 18:04

본문

:  타이머 함수는 일정한 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능

**  활용 **
-  이미지 슬라이더에서 일정 시간마다 이미지가 자동으로 슬라이드 되는 기능
-  롤링 배너에서 일 시간마다 배너를 변경하는 기능
-  일정 시간마다 자동으로 변경되는 실시간 검색어 기능
-  게임에서 플레이 시간을 나타내는 기능

**  종류 **
:  타이머 함수는 모두 전역 객체인 window에 포함되어 있음


-  setInterval( )
:  일정 시간마다 주기적으로 특정 구문을 실행

-  setTimeout( )
:  일정 시간이 지난 후 특정 구문을 한번 실행

-  clearInterval( )
:  실행 중인 타이머 함수를 멈추는 기능

** setInterval( )
:  일정 시간마다 주기적으로 구문을 실행

let timerID =setInterval(func, duration);

- func : 지연 시간마다 타이머 함수에 의해 호출되는 콜백 함수
- duration  : 지연시간(밀리초)
- return : 생성된 타이머ID > 실행한 타이머 함수를 멈출 때 사용

**  setTimeout( )
:  일정 시간이 지난 후 특정 구문을 한번 실행

let timerID =setTimeout(func, duration);

- func : 일정 시간이 지난 후 타이머 함수에 의해 호출되는 콜백 함수
- duration  : 지연시간(밀리초)
- return : 생성된 타이머ID 


**  clearInterval( )
:  실행 중인 타이머 함수를 멈춤

clearInterval(timerID)

-  timerID : 제거할 타이머ID
-  return : 없음

'♥ 코딩(Coding) > 자바스크립트(JavaScript)' 카테고리의 다른 글

브라우저 객체 모델(BOM)  (0) 2022.06.13
문서 객체 모델(DOM)  (0) 2022.06.13
String 클래스  (0) 2022.06.13
Math 클래스  (0) 2022.06.13
Date 클래스  (0) 2022.06.13

관련글 더보기