logo

자바스크립트 setInterval() 메서드

그만큼 세트간격() JavaScript의 메소드는 주어진 시간 간격마다 지정된 기능을 반복하는 데 사용됩니다. 주어진 간격으로 표현식을 평가하거나 함수를 호출합니다. 이 메소드는 창이 닫히거나 종료될 때까지 함수 호출을 계속합니다. 클리어간격() 메소드가 호출됩니다. 이 메소드는 생성된 타이머를 식별하는 숫자 값 또는 0이 아닌 숫자를 반환합니다.

와 달리 세트타임아웃() 방법, 세트간격() 메소드는 함수를 여러 번 호출합니다. 이 방법은 다음을 사용하거나 사용하지 않고 작성할 수 있습니다. 창문 접두사.

일반적으로 사용되는 구문은 세트간격() 방법은 아래와 같습니다:

통사론

 window.setInterval(function, milliseconds); 

매개변수 값

이 메서드는 두 개의 매개변수 값을 사용합니다. 기능 그리고 밀리초 이는 다음과 같이 정의됩니다.

기능: 실행될 코드 블록을 포함하는 함수입니다.

밀리초: 이 매개변수는 각 실행 사이의 시간 간격을 나타냅니다. 간격은 밀리초 단위입니다. 코드가 실행되는 빈도를 정의합니다. 값이 10보다 작으면 값 10이 사용됩니다.

실행을 중지하는 방법은 무엇입니까?

우리는 클리어간격() 지정된 함수의 실행을 중지하는 메서드 세트간격() 방법. 에서 반환된 값 세트간격() 메소드를 인수로 사용할 수 있습니다. 클리어간격() 시간 초과를 취소하는 방법입니다.

의 용도를 이해해보자 세트간격() 몇 가지 그림을 사용하여 방법.

실시예 1

이것은 간단한 사용 예입니다. 세트간격() 방법. 여기서는 3초 간격으로 경고 대화 상자가 표시됩니다. 우리는 지정된 기능의 실행을 중지하기 위해 어떤 방법도 사용하지 않습니다. 세트간격() 방법. 따라서 메서드는 창이 닫힐 때까지 함수 실행을 계속합니다.

 setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == &apos;lightblue&apos; ? &apos;lightgreen&apos; : &apos;lightblue&apos;; } function stop() { clearInterval(var1); } 
지금 테스트해보세요

산출

자바스크립트 setInterval() 메서드

배경색은 200밀리초 후에 변경되기 시작합니다. 지정된 것을 클릭하면 멈추다 버튼을 누르면 해당 배경색에서 색상 간 전환이 중지됩니다. 버튼을 클릭한 후의 출력은 다음과 같습니다.

자바스크립트 setInterval() 메서드