# setTimeout
JavaScript 기본 함수 중 setTimeout() 에 대해서 알아보자
이건 n초 후 코드를 실행해준다.
```javascript
setTimeout(function() { 실행할 코드} , 시간);
```
시간은 ms단위 (1초는 1000ms)
js008.html을 복사해 js010.html을 만들어 봅시다.
```html
Bootstrap demo
로그인하세요
An item
A second item
A third item
A fourth item
And a fifth one
```
불필요한 console 이나 script는 삭제하고 아래의 코드를 html 마지막에 추가
<div class="alert alert-danger">
5초 이내에 구매 시 사은품 증정!
</div>
```javascript
setTimeout(function (){
//실행할 코드
console.log("setTimeout 확인");
}, 2000)
```
이렇게 하면 2초 뒤에 console에 'setTimeout 확인' 메세지가 찍힌다.
2000 을 변경해서 원하는 시간에 메세지가 출력되도록 해보자.
```javascript
setInterval(function() {
console.log("setInterval 확인");
}, 1000);
```
이렇게 하면 1초마다 메세지가 출력된다.
✨ 실습. 5초 후에 아래의 div 를 사라지게 해보자.
```html
5초 이내에 구매 시 사은품 증정!
```
```javascript
setTimeout(function (){
$('.alert').hide();
}, 5000)
```
🎈콜백함수 다른 사용법
지금까지 addEventListener, setTimeout, setInterval 등 콜백함수를 사용하는 메서드를 사용했습니다.
```javascript
//1. 지금까지 사용한 방식
setTimeout(function(), 1000){
//코드 작성
}
//2. 이렇게도 쓸 수있다.
function exampleFun() {
console.log("test");
}
setTimeout(exampleFun, 1000);
```
✨ 과제. 위에서 만든 \
안에 1초마다 5라는 문자를 1씩 감소 시키고 0이되면 \
를 안보이게 해보자.
20분 주갔어
```html
5초 이내에 구매 시 사은품 증정!
```
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://leeans-dev-book.gitbook.io/docs/lecture/javascript/settimeout.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
