반응형
자바스크립트 setInterval clearinterval 예제 소스
setInterval로 주기적인 실행을 해놨는데, 이거 멈출수도 있나??
네, 멈출수도 있습니다. 그때 사용하는 함수는 clearinterval 입니다.
좀전에 setInterval실행할때 변수로 받아주기만 하면 clearinterval이 가능합니다.
예제 소스 함께 봐요.
<!DOCTYPE html>
<html>
<body>
<div id="divTime"></div>
<script>
var interval = setInterval(showTime,1000);
function showTime()
{
var date = new Date();
var time = date.toLocaleTimeString();
document.getElementById("divTime").innerHTML = time;
}
// 이함수를 실행하면 주기적 실행을 멈출수 있다.
function stopInterval(){
clearInterval(interval);
}
</script>
<button onclick="stopInterval()">Time Stop !!</button>
</body>
</html>
위 소스와 같이 setInterval 실행 결과값을 변수에 받아 놓고,
중지시에 clearInterval 의 인자값으로 넘겨주면 끝!!
함수실행이 중단되어, 시간이 더이상 증가 하지 않는것을 볼수 있다.
'Script > Javascript' 카테고리의 다른 글
| 자바스크립트 빈값체크, isEmpty, isNotEmpty, null체크 (0) | 2021.06.21 |
|---|---|
| 자바스크립트 현재 날짜 시간 구하기 ( yyyyMMdd, yyyyMMddhhmmss ) (0) | 2021.03.24 |
| 자바스크립트 HTML 태그 제거 예제 (0) | 2021.02.24 |
| 자바스크립트 setInterval 주기적 실행 예제소스 (0) | 2021.02.15 |
| 자바스크립트 원하는 요일 구하기 (0) | 2021.02.15 |
댓글