JavaScript에서 타이밍 이벤트를 사용하는 것은 쉽습니다. 두 가지 주요 방법은 다음과 같습니다.
setTimeout()
나중에 코드 실행
clearTimeout()
setTimeout() 취소
setTimeout( )
구문
var t=setTimeout ("javascript 문", 밀리초)
setTimeout() 메서드는 특정 값을 반환합니다. 위의 명령문에서 값은 t라는 변수에 저장됩니다. 이 setTimeout()을 취소하려면 이 변수 이름을 사용하여 지정할 수 있습니다.
setTimeout()의 첫 번째 매개변수는 JavaScript 문이 포함된 문자열입니다. 이는 "alert('5 second!')"와 같은 문이거나 AlertMsg()"와 같은 함수에 대한 호출일 수 있습니다.
두 번째 매개변수는 지금부터 첫 번째 매개변수가 실행될 시간을 밀리초 단위로 나타냅니다.
팁: 1000밀리초는 1초와 같습니다.
아래 예시의 버튼을 클릭하면 5초 후에 프롬프트 박스가 팝업됩니다.
예시 - 무한 루프
무한 루프로 실행되는 타이머를 만들려면 자신을 호출하는 함수를 작성해야 합니다. 아래 예에서는 버튼을 클릭하면 입력 필드가 0부터 계산되기 시작합니다.
clearTimeout()
구문
clearTimeout(setTimeout_variable)
예
다음 예시는 위의 무한 루프 예시와 유사합니다. 유일한 차이점은 이제 카운터를 중지하기 위해 "카운트 중지!" 버튼을 추가했다는 것입니다.
두 가지 중요한 방법:
setInterval()
setInterval() - 지정된 시간 간격으로 함수를 반복해서 실행합니다
기능 Yes: 지정된 간격 내에서 루프의 메서드를 실행합니다.
구문:
window.setInterval("javascript function",milliseconds);
참고: 첫 번째 매개변수는 함수여야 하며, 두 번째 매개변수는 함수 실행 간격입니다.
예:
< 스크립트 유형= "text/javascript">
setInterval(function() {alert("hello")},500);
참고: 위의 예에서 실행 효과는 500ms마다 경고("hello")하는 것입니다.
또 다른 시계:
정지하는 방법, setInterval() 메소드??
window.clearInterval()
구문:
window.clearInterval(intervalVariable)
window.clearInterval() 메서드는 창 접두사 없이 작성할 수 있습니다.
clearInterval() 메소드를 사용하려면 간격 메소드 생성 시 전역 변수를 사용해야 합니다.
myVar=setInterval("javascript function",milliseconds);
그런 다음clearInterval() 메소드를 호출하여 실행을 중지할 수 있습니다.
예:
