DOM(Document Object Model)을 포함한 브라우저의 창을 나타내는 객체는 window 객체이며, document 속성은 브라우저 창에 로드된 DOM 문서를 나타낸다.
window 객체는 브라우저 기반 자바스크립트의 최상위 객체이다.
window 객체는 전역 객체(Global Object)라고도 불리며, 전역 객체는 그 객체의 프로퍼티나 메소드를 사용할 때 그 이름을 명시할 필요가 없다.
window 객체에는 타이머, 자바스크립트 경고 창 및 입력 대화상자를 위한 메소드가 정의되어 있다.
타이머 함수 - 특정한 시간에 특정한 함수를 실행하는 함수로 window 객체에 정의되어 있다.
setTimeout(function, millisecond) - 일정 시간 후 함수를 한 번 실행
setInterval(function, millisecond) - 일정 시간마다 함수를 반복 실행
clearTimeout(id) - 일정 시간 후 함수를 한 번 실행하는 것을 중지
clearInterval(id) - 일정 시간마다 함수를 반복하는 것을 중단
타이머함수예제
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">document.write("<h3>타이머 함수 예제</h3>");
function sub() {
document.write("<p>자바 스크립트</p>");
}
setTimeout("alert('환영합니다. !!!')", 3000); // 3초 후에 한번 실행
setInterval("sub();", 2000); // 2초에 한번씩 무한 반복</script>
</head>
<body>
</body>
</html>실행하면 3초후에 alert이 나타난다.
2초마다 자바스크립트를 화면에 출력하는 것을 무한 반복한다.
타이머 종료
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var n = 0;
function sub() {
n++;
document.write("<p>숫자 : " + n + "</p>");
}
var timer = setInterval("sub();", 1000); // 1초에 한번씩 무한반 복
setTimeout(function() {
clearInterval(timer); // 타이머 종료 // 익명 함수 1회성
}, 10000); // 10초 후 한번 실행
</script>
</head>
<body>
<h3>타이머 - 타이머 종료</h3>
</body>
</html>1초에 한번씩 숫자가 화면에 출력되고
10초 후에 타이머가 종료된다.
'쌍용강북교육센터 > 9월' 카테고리의 다른 글
| 0927_Javascript : 화살표 함수 (0) | 2021.09.28 |
|---|---|
| 0927_Javascript : 함수(function) (0) | 2021.09.28 |
| 0924_Javascript : 인코딩과 디코딩 (0) | 2021.09.25 |
| 0924_Javascript : 기본내장함수 eval() 코드 실행 함수 (0) | 2021.09.25 |
| 0924_Javascript : 기본내장함수 isFinite, isNaN (숫자 확인 함수) (0) | 2021.09.25 |