interval

개요

일정 주기마다 함수를 실행시키는 타이머 역할을 한다.

interval 아이디는 타이머 생성시 변수에 담아둔다.
주기는 밀리초 단위(1초 = 1000ms)로 한다.

사용법

setInterval(함수이름, 주기); // 타이머 생성
clearInterval(interval아이디);// 타이머 삭제

예제

<html>
<head>
	<script type="text/javascript">
		var count = 0;
		var timer;
		var btnCount;

		window.onload = function(){
			timer = null;
			btnCount = document.getElementById("btnCount");
		}

		function btnCountClick(){
			if(timer == null)
				timer = setInterval(tick, 30)
			else{
				clearInterval(timer);
				timer = null;
			}
		}

		function tick(){
			btnCount.innerHTML = ++count;
		}

	</script>
</head>
<body>
	<button id="btnCount" onClick="btnCountClick()">0</button>
</body>
</html>
출력 결과: