SetInterval 및 setTimeout 중지 방법_javascript 기술

먼저 setInterval을 이해해 봅시다:
1, HTML DOM setInterval() 메소드
정의 및 사용법
setInterval() 메소드는 지정된 기간(밀리초)에 따라 함수나 계산을 호출할 수 있습니다. 표현.
setInterval() 메서드는clearInterval()이 호출되거나 창이 닫힐 때까지 함수를 계속 호출합니다. setInterval()에서 반환된 ID 값은clearInterval() 메서드에 대한 인수로 사용될 수 있습니다.
구문
setInterval(code,millisec[,"lang"])
매개변수 설명
code 필수. 호출할 함수 또는 실행할 코드 문자열입니다.
밀리초는 필수입니다. 주기적 실행 또는 코드 호출 사이의 시간 간격(밀리초)입니다.
반환값
주기적인 코드 실행을 취소하기 위해 Window.clearInterval()에 전달할 수 있는 값입니다.
2, HTML DOM clearInterval() 메소드
정의 및 사용법
clearInterval() 메소드는 setInterval()에 의해 설정된 타임아웃을 취소할 수 있습니다.
clearInterval() 메소드의 매개변수는 setInterval()에서 반환된 ID 값이어야 합니다.
구문
clearInterval(id_of_setinterval)
매개변수 설명
id_of_setinterval setInterval()이 반환한 ID 값입니다.
중지 방법:
다음 예에서는 50밀리초마다 clock() 함수를 호출합니다. 버튼을 사용하여 이 시계를 중지할 수도 있습니다:

<input type="text" id="clock" size="35"> <button onclick="int=window.clearInterval(int)"> </button> 정지 간격
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]
setTimeout에 대해 자세히 알아봅시다:

1,HTML DOM setTimeout() 메소드
정의 및 사용법
setTimeout() 메소드는 함수를 호출하거나 지정된 숫자 이후의 표현식을 계산하는 데 사용됩니다. 밀리초.
구문
setTimeout(code,millisec)
매개변수 설명
code 필수. 호출할 함수 다음에 실행될 JavaScript 코드 문자열입니다.
밀리초가 필요합니다. 코드를 실행하기 전에 기다려야 하는 시간(밀리초)입니다.
팁 및 참고 사항
팁: setTimeout()은 코드를 한 번만 실행합니다. 여러 번 호출하려면 setInterval()을 사용하거나 코드 자체에서 setTimeout()을 다시 호출하도록 하세요.
이 예에서는 버튼을 클릭한 후 5초 후에 프롬프트 상자가 나타납니다.

<form> <input type="button" value="Display timed alertbox!" onclick="timedMsg()"> </form> <p> </p> 위의 버튼을 클릭하면 경고 상자가 나타납니다. 5초 후에 표시됩니다.
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

2 , HTML DOM clearTimeout( ) 메소드
정의 및 사용법 ClearTimeout() 메소드는 setTimeout() 메소드에서 설정한 타임아웃을 취소할 수 있습니다. 구문clearTimeout(id_of_settimeout)
매개변수 설명
id_of_setinterval setTimeout()에서 반환된 ID 값입니다. 이 값은 취소할 지연된 실행 코드 블록을 식별합니다.

예제 다음 예에서는 1초에 한 번씩 timedCount() 함수를 호출합니다. 버튼을 사용하여 예약된 메시지를 종료할 수도 있습니다: <form> <input type="button" value="Start count!" onclick="timedCount()"> <input type="text" id="txt"> <input type="button" value="Stop count!" onclick="stopCount()"> </form>

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]