JavaScript에서 `setInterval`과 `setTimeout`의 차이점은 무엇입니까?

JavaScript에서 'setInterval'과 'setTimeout'의 차이점

JavaScript에서 비동기 작업 관리는 매우 중요하며, 두 가지 핵심 기능은 이는 'setInterval' 및 'setTimeout'입니다. 효과적인 코딩을 위해서는 차이점을 이해하는 것이 필수적입니다.

'setTimeout'과 'setInterval':

setTimeout:

• 지정된 지연 후에 함수를 한 번 실행합니다. (timeout).
• 구문: setTimeout(expression, timeout)
• 예: setTimeout(function() { Alert("Hello World!"); }, 1000); // "Hello World!" 경고

setInterval:

• 지정된 간격(시간 초과)으로 함수를 반복적으로 실행합니다.
• 구문: setInterval (표현식, 시간 초과)
• 예: setInterval(function() { console.log("매초마다 실행"); }, 1000); // 매초마다 메시지를 기록합니다.

주요 차이점:

• 실행 빈도: setTimeout은 한 번 실행되지만 setInterval은 실행
• 목적: setTimeout은 지연된 작업이나 예약에 사용되는 반면 setInterval은 주기적인 작업이나 애니메이션에 사용됩니다.
• 제어: setInterval은 다음과 같은 작업을 수행할 수 있습니다. ClearInterval(intervalID)을 호출하여 중지할 수 있지만 setTimeout은 한 번 명시적으로 중지할 수 없습니다.
• 콜백: setInterval은 취소에 사용할 수 있는 간격 ID를 콜백에 자동으로 할당합니다. setTimeout은 간격 ID를 할당하지 않습니다.

예:

두 가지 시나리오를 고려하세요.

• "Hello World!" 경고 5초 후 한 번: setTimeout을 사용합니다.
• 2초마다 "This is Running"을 기록합니다. setInterval을 사용합니다.

코드:

// Alert after 5 seconds
setTimeout(function() { alert("Hello World!"); }, 5000);

// Log every 2 seconds
var intervalID = setInterval(function() { console.log("This is Running"); }, 2000);

// Stop logging after 10 seconds
setTimeout(function() { clearInterval(intervalID); }, 10000);

위 내용은 JavaScript에서 `setInterval`과 `setTimeout`의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!