이 예제에서는 디지털 시계와 같이 초당 한 번씩 “myTimer”라는 함수를 실행합니다. 다음 예제는 먼저 지우고 지정된 선택기 그룹과 일치하는 NodeList에 콘텐츠를 천천히 입력하여 타자기를 시뮬레이션합니다. 많은 타이머가 필요한 페이지에서는 모든 실행 중인 타이머 이벤트를 추적하기가 어려울 수 있습니다. 이 문제를 해결하는 한 가지 방법은 개체에 타이머의 상태에 대한 정보를 저장하는 것입니다. 다음은 이러한 추상화의 최소한의 예입니다. 생성자 아키텍처는 클로저 사용을 명시적으로 방지합니다. 또한 이 개체를 콜백 함수에 전달하는 다른 방법을 제공합니다(자세한 내용은 “this” 문제 참조). 다음 코드는 GitHub에서도 사용할 수 있습니다. 애니메이션에 필요한 모든 정보(예: 이 개체, 콜백 함수, 길이, 프레임 속도)를 포함하는 JavaScript 개체를 반환합니다.

setTimeout 메서드는 시간 시간을 취소 하는 전역 clearTimeout 메서드에 전달할 수 있는 타이머 ID를 반환 합니다. 다음 예제를 예로 들어 보겠습니다: 위와 같은 예, 하지만 추가 “중지” 버튼: clearInterval() 자체는 반환 값이 없습니다: 유일한 결과 자바 스크립트 중지 setInterval() 실행 에서 만드는. 경우에 따라 시간이 오기 전에 JavaScript setInterval()가 실행되지 않도록 해야 할 수도 있습니다. clearInterval() 메서드를 사용해야 합니다. 그것은 setInterval 자바 스크립트 기능을 사용하여 설정 된 타이머를 중지하기위한 것입니다. 논리가 간격 시간보다 실행하는 데 시간이 오래 걸릴 수 있는 경우 WindowOrWorkerGlobalScope.setTimeout을 사용하여 명명된 함수를 재귀적으로 호출하는 것이 좋습니다. 예를 들어 setInterval를 사용하여 5초마다 원격 서버를 폴링하는 경우 네트워크 대기 시간, 응답하지 않는 서버 및 기타 많은 문제로 인해 할당된 시간에 요청이 완료되지 못할 수 있습니다. 따라서 XHR 요청이 대기중일 수 있으며 반드시 순서대로 반환되지는 않습니다. 차이점은 setInterval 호출 사이의 지정된 지연과 함께 콜백 함수를 반복적으로 호출한다는 것입니다.

다음 예제에서는 값을 증분하고 매초 마다 콘솔에 인쇄합니다. 다음 코드 예제에서는 3초마다 메시지가 표시되는 방식을 보여 주며, 이 개체를 레거시 JavaScript의 콜백 함수에 전달할 수 있는 방법은 없습니다. 보다 생산적인 학습 환경을 위해 setInterval JavaScript 함수를 사용하여 연습할 수 있는 유용한 코드 예제가 포함되어 있습니다. 아래 예제는 2초마다 팝업 경고를 표시합니다: 위의 예제에서는 인라인 함수 식을 사용하지만, 예를 들어 사용자가 나를 클릭한 후 2초 후에 경고 상자가 나타나기를 원합니다. 예: setInterval()에 의해 실행되는 코드는 호출된 함수보다 별도의 실행 컨텍스트에서 실행됩니다. 결과적으로 호출된 함수에 대 한 이 키워드는 창 (또는 전역) 개체로 설정 됩니다., setTimeout 라는 함수에 대 한이 값과 동일 하지 않습니다.