setTimeout(callback, delay) - 일정 시간 후에 콜백 함수 실행 > 라이브러리

라이브러리

[JAVASCRIPT] setTimeout(callback, delay) - 일정 시간 후에 콜백 함수 실행

setTimeout(callback, delay) 함수

`setTimeout()` 함수는 JavaScript에서 사용할 수 있는 내장 함수입니다. 이 함수는 특정 시간이 지난 후에 지정된 함수를 호출하는 데 사용됩니다.

# 함수의 매개변수

- `callback`: 호출할 함수
- `delay`: 호출할 함수가 호출되는 시간 (밀리초 단위)

# setTimeout() 함수의 동작

`setTimeout()` 함수는 지정된 시간이 지난 후에 callback 함수를 호출합니다. 이 함수는 비동기적으로 호출되며, 호출된 함수는 setTimeout() 함수를 호출한 함수의 실행 흐름을 멈추지 않습니다.

# 예제

#hostingforum.kr
javascript

// setTimeout() 함수를 사용하여 5초 후에 "Hello, World!"를 출력하는 함수

function helloWorld() {

  console.log("Hello, World!");

}



// 5초 후에 helloWorld() 함수를 호출

setTimeout(helloWorld, 5000);



// 5초 후에 "Hello, World!"가 출력됩니다.

# 예제 2

#hostingforum.kr
javascript

// setTimeout() 함수를 사용하여 3초 후에 "Goodbye, World!"를 출력하는 함수

function goodbyeWorld() {

  console.log("Goodbye, World!");

}



// 3초 후에 goodbyeWorld() 함수를 호출

setTimeout(goodbyeWorld, 3000);



// 3초 후에 "Goodbye, World!"가 출력됩니다.

# 예제 3

#hostingforum.kr
javascript

// setTimeout() 함수를 사용하여 2초 후에 "Hello, World!"를 출력하는 함수

function helloWorld() {

  console.log("Hello, World!");

}



// 2초 후에 helloWorld() 함수를 호출

setTimeout(helloWorld, 2000);



// 2초 후에 "Hello, World!"가 출력됩니다.



// setTimeout() 함수를 사용하여 1초 후에 "Goodbye, World!"를 출력하는 함수

function goodbyeWorld() {

  console.log("Goodbye, World!");

}



// 1초 후에 goodbyeWorld() 함수를 호출

setTimeout(goodbyeWorld, 1000);



// 1초 후에 "Goodbye, World!"가 출력됩니다.

# clearTimeout() 함수

`clearTimeout()` 함수는 setTimeout() 함수로 호출된 함수를 취소하는 데 사용됩니다.

# 예제

#hostingforum.kr
javascript

// setTimeout() 함수를 사용하여 5초 후에 "Hello, World!"를 출력하는 함수

function helloWorld() {

  console.log("Hello, World!");

}



// 5초 후에 helloWorld() 함수를 호출

var timeoutId = setTimeout(helloWorld, 5000);



// 3초 후에 clearTimeout() 함수를 호출하여 helloWorld() 함수를 취소

clearTimeout(timeoutId);



// 3초 후에 "Hello, World!"가 출력되지 않습니다.

setTimeout() 함수의 사용 사례

- 타이머: setTimeout() 함수를 사용하여 타이머를 구현할 수 있습니다.
- 비동기 처리: setTimeout() 함수를 사용하여 비동기적으로 처리할 함수를 호출할 수 있습니다.
- UI 업데이트: setTimeout() 함수를 사용하여 UI를 업데이트할 수 있습니다.

setTimeout() 함수의 장점

- 비동기 처리: setTimeout() 함수는 비동기적으로 처리할 함수를 호출할 수 있습니다.
- 타이머: setTimeout() 함수를 사용하여 타이머를 구현할 수 있습니다.

setTimeout() 함수의 단점

- 동기적 처리: setTimeout() 함수는 동기적으로 처리할 함수를 호출할 수 없습니다.
- 시간 초과: setTimeout() 함수는 시간 초과가 발생할 수 있습니다.

setTimeout() 함수의 결론

setTimeout() 함수는 JavaScript에서 사용할 수 있는 내장 함수입니다. 이 함수는 특정 시간이 지난 후에 지정된 함수를 호출하는 데 사용됩니다. setTimeout() 함수는 비동기적으로 호출되며, 호출된 함수는 setTimeout() 함수를 호출한 함수의 실행 흐름을 멈추지 않습니다. setTimeout() 함수를 사용하여 타이머를 구현할 수 있으며, 비동기적으로 처리할 함수를 호출할 수 있습니다.

추천해요 0

나우호스팅 @pcs8404

미니홈

쪽지

호스팅포럼 화이팅!

댓글목록

등록된 댓글이 없습니다.

전체 177건 / 2 페이지

번호	제목
162	document.querySelector(selector) - CSS 선택자로 요소 하나 선택 JAVASCRIPT
161	console.timeEnd(label) - 시간 측정 종료 및 결과 출력 JAVASCRIPT
160	console.time(label) - 시간 측정 시작 JAVASCRIPT
159	console.table(object) - 객체나 배열을 표 형식으로 출력 JAVASCRIPT
158	console.debug(message) - 콘솔에 디버그 메시지 출력 JAVASCRIPT
157	console.info(message) - 콘솔에 정보 메시지 출력 JAVASCRIPT
156	console.error(message) - 콘솔에 오류 메시지 출력 JAVASCRIPT
155	console.warn(message) - 콘솔에 경고 메시지 출력 JAVASCRIPT
154	console.log(message) - 콘솔에 메시지 출력 JAVASCRIPT
153	clearInterval(intervalID) - `setInterval` 실행 취소 JAVASCRIPT
152	clearTimeout(timeoutID) - `setTimeout` 실행 취소 JAVASCRIPT
151	setInterval(callback, interval) - 일정 간격마다 콜백 함수 실행 JAVASCRIPT
150	setTimeout(callback, delay) - 일정 시간 후에 콜백 함수 실행 JAVASCRIPT
149	await expression - 비동기 코드에서 프로미스가 해결될 때까지 대기 JAVASCRIPT
148	async function myFunc() {} - 비동기 함수를 정의 JAVASCRIPT

검색

게시물 검색