자바스크립트 내장함수
- 자바스크립트에서 자체적으로 제공해주고 있는 함수를 말함
- 예를 든다면 지금까지 사용해왔던 alert()와 prompt() 함수가 대표적인 내장함수임
타이머 함수(내장함수)
- setTimeout(function, milisecond)
: 일정 시간이 지난 후에 함수를 한 번만 실행하는 함수
- setInterval(function, milisecond)
: 일정 시간마다 함수를 반복해서 실행하는 함수
- clearTimeout(타이머 id)
: 일정 시간 후 함수를 한 번 실행하는 것을 중지하는 함수
- clearInterval(타이머 id)
: 일정 시간마다 함수를 반복하는 것을 중지하는 함수
setInterval() 내장 함수는 함수가 지속적으로
실행이 되므로 컴퓨터의 자원을 소비하게 됨
따라서 지속적으로 실행이 되는 것을 방지하기 위해서 clearInterval() 내장함수를 반드시 사용해야 함
=============================코드=============================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function alarm() {
alert("3초가 지났습니다");
}
setTimeout(alarm, 3000);
</script>
</head>
<body>
</body>
</html>=============================실행=============================
창이 켜지고 3초 뒤에 실행
메모리를 위해 clearInterval() 내장함수를 반드시 사용!
=============================코드=============================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
/* 메모리를 너무 많이 잡게 됨 */
let intervalID = setInterval(function() {
document.write(`<p> ${new Date()} </p>`);
}, 2000) /* 2초 간격으로 */
setTimeout(() => {
clearInterval(intervalID);
}, 60000); /* 60초후에 종료 */
</script>
</head>
<body>
</body>
</html>=============================실행=============================
2초 간격으로 계속 생성되다가 60초가 된 후 종료 됨
