자바스크립트 타이머 이벤트 사용법에 대한 자세한 설명_기본지식

JavaScript에서 타이밍 이벤트를 사용하는 것은 쉽습니다. 두 가지 주요 방법은 다음과 같습니다.

setTimeout()
나중에 코드 실행

clearTimeout()
setTimeout() 취소
setTimeout( )
구문

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

var t=setTimeout ("javascript 문", 밀리초)

setTimeout() 메서드는 특정 값을 반환합니다. 위의 명령문에서 값은 t라는 변수에 저장됩니다. 이 setTimeout()을 취소하려면 이 변수 ​​이름을 사용하여 지정할 수 있습니다.
setTimeout()의 첫 번째 매개변수는 JavaScript 문이 포함된 문자열입니다. 이는 "alert('5 second!')"와 같은 문이거나 AlertMsg()"와 같은 함수에 대한 호출일 수 있습니다.

두 번째 매개변수는 지금부터 첫 번째 매개변수가 실행될 시간을 밀리초 단위로 나타냅니다.

팁: 1000밀리초는 1초와 같습니다.

아래 예시의 버튼을 클릭하면 5초 후에 프롬프트 박스가 팝업됩니다.

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

< head>

예시 - 무한 루프

무한 루프로 실행되는 타이머를 만들려면 자신을 호출하는 함수를 작성해야 합니다. 아래 예에서는 버튼을 클릭하면 입력 필드가 0부터 계산되기 시작합니다.

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

clearTimeout()

구문

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

clearTimeout(setTimeout_variable)

예

다음 예시는 위의 무한 루프 예시와 유사합니다. 유일한 차이점은 이제 카운터를 중지하기 위해 "카운트 중지!" 버튼을 추가했다는 것입니다.

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

두 가지 중요한 방법:

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

setInterval()
setInterval() - 지정된 시간 간격으로 함수를 반복해서 실행합니다

기능 Yes: 지정된 간격 내에서 루프의 메서드를 실행합니다.

구문:

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

window.setInterval("javascript function",milliseconds);

참고: 첫 번째 매개변수는 함수여야 하며, 두 번째 매개변수는 함수 실행 간격입니다.

예:

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

< 스크립트 유형= "text/javascript">
setInterval(function() {alert("hello")},500);

참고: 위의 예에서 실행 효과는 500ms마다 경고("hello")하는 것입니다.

또 다른 시계:

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

< body>

 

정지하는 방법, setInterval() 메소드??

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

window.clearInterval()

구문:

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

window.clearInterval(intervalVariable)

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

window.clearInterval() 메서드는 창 접두사 없이 작성할 수 있습니다.

clearInterval() 메소드를 사용하려면 간격 메소드 생성 시 전역 변수를 사용해야 합니다.

myVar=setInterval("javascript function",milliseconds);
그런 다음clearInterval() 메소드를 호출하여 실행을 중지할 수 있습니다.

예:

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

stop

}