> For the complete documentation index, see [llms.txt](https://leeans-dev-book.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://leeans-dev-book.gitbook.io/docs/lecture/javascript/settimeout.md).
# 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);
```
✨ 과제. 위에서 만든 \
