라이브러리
[JAVASCRIPT] setInterval(callback, interval) - 일정 간격마다 콜백 함수 실행
setInterval(callback, interval)
`setInterval()` 함수는 주어진 callback 함수를 지정된 간격으로 반복적으로 호출합니다. 이 함수는 JavaScript에서 사용할 수 있는 내장 함수 중 하나입니다.
# 함수의 매개 변수
- `callback`: 호출할 함수입니다. 이 함수는 setInterval() 함수에 의해 호출됩니다.
- `interval`: callback 함수를 호출할 간격입니다. 단위는 밀리초(millisecond)로 지정됩니다.
# 예제
#hostingforum.kr
javascript
// 예제 1: 1초마다 "Hello, World!"를 출력합니다.
function helloWorld() {
console.log("Hello, World!");
}
setInterval(helloWorld, 1000); // 1초마다 helloWorld 함수를 호출합니다.
// 예제 2: 5초마다 현재 시간을 출력합니다.
function currentTime() {
console.log(new Date().toLocaleTimeString());
}
setInterval(currentTime, 5000); // 5초마다 currentTime 함수를 호출합니다.
// 예제 3: 3초마다 1부터 10까지의 숫자를 출력합니다.
function countDown() {
let i = 10;
while (i > 0) {
console.log(i);
i--;
}
}
setInterval(countDown, 3000); // 3초마다 countDown 함수를 호출합니다.
# clearInterval()
`clearInterval()` 함수는 setInterval() 함수에 의해 호출된 callback 함수의 호출을 중지합니다.
#hostingforum.kr
javascript
// 예제: 1초마다 "Hello, World!"를 출력합니다.
function helloWorld() {
console.log("Hello, World!");
}
let intervalId = setInterval(helloWorld, 1000); // 1초마다 helloWorld 함수를 호출합니다.
// 5초 후에 호출을 중지합니다.
setTimeout(() => {
clearInterval(intervalId);
}, 5000);
# 주의사항
- `setInterval()` 함수는 callback 함수를 호출할 간격을 지정할 때 밀리초(millisecond) 단위로 지정합니다. 따라서 1초는 1000ms로 지정해야 합니다.
- `setInterval()` 함수는 callback 함수를 호출할 간격을 지정할 때 주의해야 합니다. 간격이 너무 짧으면 callback 함수가 호출되는 빈도수가 너무 높아져 성능이 저하될 수 있습니다.
- `clearInterval()` 함수는 clearInterval() 함수에 의해 호출된 callback 함수의 호출을 중지합니다. clearInterval() 함수를 호출하지 않으면 callback 함수가 계속 호출됩니다.
댓글목록
등록된 댓글이 없습니다.