자바스크립트의 타이밍과 이벤트를 연결해 타이밍의 흐름에 따라 해야할 일을 지정할 수 있다. 이 때 사용되는 함수는 다음과 같다.
setTimeout("실행할 함수", 밀리초);
setTimeout()함수는 처리할 내용과 밀리초를 파라미터로 하여 밀리초가 경과한 후 처리할 내용을 호출한다.
clearTimeout( 타이머 )
clearTimeout() 함수는 setTimeout()함수를 사용하여 반복 처리되는 재귀함수에서 타이밍 이벤트를 종료할 때 사용하는 함수이다.
타이밍 처리 예제)
<html>
<head>
<script type="text/javascript">
// 전역변수 선언
var timer = null;
var count = 0;
<head>
<script type="text/javascript">
// 전역변수 선언
var timer = null;
var count = 0;
// 타이머 시작함수
function timerStart() {
document.getElementById("display").value = count++;
// 재귀호출(setTimeout()함수를 사용할 때 재귀호출을 사용하지 않으면 한번만 호출하고 종료)
timer = setTimeout("timerStart()", 1000);
}
// 타이머 종료 함수
function timerStop() {
clearTimeout( timer );
}
</script>
</head>
<body>
<h2>자바스크립트 타이머 테스트</h2>
<input type="button" value="타이머시작" onclick="timerStart()" />
<br />
경과 시간: <input type="text" id="display" />
<br />
<input type="button" value="타이머종료" onclick="timerStop()" />
</body>
</html>
'Java Script & DOM > Java Script ' 카테고리의 다른 글
| 자바스크립트의 사용자 객체 정의 방법 (0) | 2010.11.24 |
|---|---|
| 자바스크립트 객체 지향 프로그래밍 설명 (0) | 2010.11.24 |
| 자바스크립트 - 문자 처리 (0) | 2009.10.27 |
| 만료된 페이지 처리방법 (0) | 2009.10.05 |
| escape() 와 unescape() - 문자셋 변환 함수 (0) | 2009.09.02 |