[내장 함수] 타이머 함수
- 📕 Programing/HTML-CSS
- 2014. 1. 6. 09:23
타이머 관련 함수
- setTimeout(function, millisecond) - 일정시간 후 함수를 한번 실행
- setInterval(function, millisecond) - 일정 시간마다 함수를 반복해서 실행
- clearTimeout(id) - 일정 시간 후 함수를 한 번 실행하는 것을 중지한다.
- clearInterval(id) - 일정 시간마다 함수를 반복하는 것을 중단한다.
예시) 2초마다 실행하는 걸 10초후 setTImeout함수를 실행해서 멈춘다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML5 Document type</title>
</head>
<script type="text/javascript">
//alert('start');
var intervalID = setInterval(function(){
alert('<p>' + new Date() + '</p>');
});
//alert('end');
setTimeout(function(){
//alert('clearInterval 실행');
clearInterval(intervalID);
});
</script>
<body>
<h1>
hello script
</h1>
</body>
</html>'📕 Programing > HTML-CSS' 카테고리의 다른 글
| [문서객체모델] 노드 생성 및 연결 (createElement / createTextNode) (0) | 2014.01.13 |
|---|---|
| [브라우저 객체모델] window.onload (0) | 2014.01.13 |
| [주의] 자바스크립트의 실행순서 (0) | 2014.01.06 |
| for in 반복문 (0) | 2014.01.03 |
| 숫자만 입력받도록 (0) | 2013.11.05 |