JavaScript에서 setInterval 및 setTimeout 이벤트 실행을 중지하는 방법
- 高洛峰원래의
- 2017-02-08 16:02:001181검색
이 글에서는 JavaScript에서 setInterval 및 setTimeout 이벤트의 실행을 중지하는 방법을 주로 소개합니다. 이 글에서는 동작 예제 코드와 구문 소개가 제공됩니다. 필요한 친구는 다음
을 참조하세요. js 코드에서는 setInterval과 setTimeout이라는 두 가지 메소드를 자주 사용하는데, 여기서는 이 두 메소드에 대한 자세한 내용은 다루지 않겠습니다.
(1) setInterval 메소드는 지정된 기간(밀리초 단위)에 따라 함수를 호출하거나 표현식을 계산할 수 있습니다. 이 메소드를 중지하려면clearInterval 메소드를 사용하십시오. 구체적인 예는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<input type="text" id="clock" size="50" />
<script language=javascript>
var int=self.setInterval("clock()",50);//每隔 50 毫秒调用 clock() 函数
function clock(){
var t=new Date();
document.getElementById("clock").value=t;
}
</script>
<button onclick="window.clearInterval(int)">停止 interval</button>
</body>
</html>구문clearInterval(id_of_setinterval)
Parameter id_of_setinterval setInterval()이 반환하는 ID 값을 나타냅니다.
clearInterval() 메소드는 setInterval()에 의해 설정된 시간 초과를 취소할 수 있습니다. ClearInterval() 메소드의 매개변수는 setInterval()에 의해 반환된 ID 값이어야 합니다.
(2) setTimeout 메소드는 지정된 밀리초 후에 함수를 호출하거나 표현식을 계산하는 데 사용됩니다. 이 메소드는clearTimeout 메소드를 사용하여 중지할 수 있습니다. 구체적인 예는 다음과 같습니다.
팁: setTimeout()은 코드를 한 번만 실행합니다. 여러 번 호출하려면 setInterval()을 사용하거나 코드 자체에서 setTimeout()을 다시 호출하도록 하세요.
코드 복사 코드는 다음과 같습니다.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var c=0;
var t;
function timedCount(){
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}
function stopCount(){
clearTimeout(t);
}
</script>
</head>
<body>
<input type="button" value="开始计数" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计数" onClick="stopCount()">
</body>
</html>
clearTimeout() 메소드는 다음과 같습니다. 시간 제한을 설정하려면 setTimeout() 메서드를 사용하여 취소하세요.
구문clearTimeout(id_of_settimeout)
매개변수 id_of_setinterval은 setTimeout()이 반환한 ID 값을 나타냅니다. 이 값은 취소할 지연된 실행 코드 블록을 식별합니다.
JavaScript에서 setInterval 및 setTimeout 이벤트 실행을 중지하는 방법에 대한 자세한 내용은 PHP 중국어 웹사이트를 참고하세요!