: 타이머 함수는 일정한 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능
** 활용 **
- 이미지 슬라이더에서 일정 시간마다 이미지가 자동으로 슬라이드 되는 기능
- 롤링 배너에서 일 시간마다 배너를 변경하는 기능
- 일정 시간마다 자동으로 변경되는 실시간 검색어 기능
- 게임에서 플레이 시간을 나타내는 기능
** 종류 **
: 타이머 함수는 모두 전역 객체인 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 : 없음
브라우저 객체 모델(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 |