본문 바로가기
Front-End/Javascript

[JavaScript] 자바스크립트 내장 함수_타이머 함수

by 찐코딩 2021. 12. 10.

자바스크립트 내장 함수

  - 자바스크립트에서 자체적으로 제공해 주고 있는 함수를 말함.
  - 예를 든다면 지금까지 사용해 왔던 alert()와 prompt() 함수가 대표적인 내장 함수


타이머 함수

  - setTimeout(function, millisecond)
    : 일정 시간 후 함수를 한 번만 실행하는 함수.
  - setInterval(function, millisecond)
    : 일정 시간마다 함수를 반복해서 실행하는 함수.
  - clearTimeout(id) 
    : 일정 시간 후 함수를 한 번 실행하는 것을 중지하는 함수.
  - clearInterval(id)
    : 일정 시간마다 함수를 반복하는 것을 중지하는 함수.

<body>
<script type="text/javascript">
	
	// setTimeout 함수 예제
	// 3초 후에 함수를 실행함.
	setTimeout(function() {
		alert("3초가 지났습니다.~~~");
	}, 3000);

</script>
</body>

새로고침 후 3초 뒤에 alert 창이 나타나는 것을 볼 수 있다.

<body>
<script type="text/javascript">

	// setInterval() 함수는 함수가 지속적으로 실행이 되므로
	// 컴퓨터의 자원을 소비하게 됨.
	// 따라서 지속적으로 실행이 되는 것을 막기 위하여
	// clearInterval() 함수를 사용해야 함.
	
	let intervalID = setInterval(function () {
			document.write("<p>" + new Date() + "</p>");
	}, 1000);

	
	// 20초 후에 clearInterval() 함수를 호출하여 
	// setInterval() 함수를 종료시켜야 한다.
	setTimeout(function() {
		clearInterval(intervalID);
	}, 20000);

</script>
</body>

3초 뒤에 setInterval 함수가 종료되었다.

 

댓글