js_Basic 지식에서 setInterval 및 setTimeout 사용 예

setInterval() 정의 및 사용법

setInterval() 메서드는 지정된 기간(밀리초 단위)에 함수나 표현식을 실행합니다. 이 메서드는 함수가 clearInterval()을 사용하여 명시적으로 중지되거나 창이 닫힐 때까지 함수 호출을 반복합니다. ClearInterval() 함수의 매개변수는 setInterval()이 반환한 ID 값입니다.

문법

setInterval(code,millisec[,"lang"])
코드가 필요합니다. 호출할 함수 또는 실행할 코드 문자열입니다.
밀리초는 필수입니다. 주기적 실행 또는 코드 호출 사이의 시간 간격(밀리초)입니다.

반환값

주기적인 코드 실행을 취소하기 위해 Window.clearInterval()에 전달할 수 있는 값입니다.

사용 예:

코드 복사 코드는 다음과 같습니다.

< input type="text" id="clock" size="35" />

< ;/form> ;

간격 이벤트 중지

setTimeout() 정의 및 사용법

setTimeout() 메서드는 지정된 밀리초 후에 함수나 계산된 표현식을 호출하는 데 사용됩니다. 이 메서드와 setInterval() 메서드의 차이점은 이 메서드가 한 번만 실행된다는 것입니다.

구문

setTimeout(code,millisec)
코드가 필요합니다. 호출할 함수 다음에 실행될 JavaScript 코드 문자열입니다.
밀리초가 필요합니다. 코드를 실행하기 전에 대기할 시간(밀리초)입니다.

팁:
(1) setTimeout()은 코드를 한 번만 실행하지만. 그러나 여러 번 호출해야 하는 경우 setInterval()을 사용하는 것 외에도 실행된 코드 자체에서 setTimeout() 메서드를 다시 호출하여 다중 실행 목적을 달성하도록 할 수도 있습니다.
(2) 또한 setTimeout() 메서드는 ID 값을 반환하여 ClearInterval() 메서드 사용을 용이하게 하여 setTimeout() 메서드 사용을 취소할 수도 있습니다.

사용 예:

코드 복사 코드는 다음과 같습니다.

< script type="text/javascript">
function timedMsg(){
var t=setTimeout("alert('3초 최대!')",3000);
}
function timedMsgAways(){
Alert('3초 전!');
var t=setTimeout("timedMsgAways()",3000);
}

< br />

이 두 가지 방법에 대해 정해진 시간 간격마다 정확한 액션을 수행해야 하는 경우에는 setInterval을 사용하는 것이 가장 좋으며, 지속적인 호출로 인해 상호 간섭을 일으키고 싶지 않은 경우에는 특히 각 함수 호출에 많은 계산이 필요하고 처리 시간이 오래 걸리는 경우 setTimeout을 사용하는 것이 가장 좋습니다.