Front-End/Javascript
[JavaScript] 자바스크립트 내장 함수_타이머 함수
찐코딩
2021. 12. 10. 00:35
자바스크립트 내장 함수
- 자바스크립트에서 자체적으로 제공해 주고 있는 함수를 말함.
- 예를 든다면 지금까지 사용해 왔던 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>
<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>