라이브러리
[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() 함수를 사용하여 타이머를 구현할 수 있으며, 비동기적으로 처리할 함수를 호출할 수 있습니다.
댓글목록
등록된 댓글이 없습니다.