자바스크립트에서는 setTimeout() 함수 지연을 추가하거나 특정 기간 후에 특정 기능의 실행을 예약하는 데 매우 좋습니다. 이는 브라우저 환경과 Node.js 모두의 핵심 기능으로, 코드 실행에서 비동기 동작을 가능하게 합니다. 웹 애플리케이션을 구축하든 서버 측 스크립트를 구축하든, setTimeout()은 프로그램 흐름의 나머지 부분을 차단하지 않고 타이밍 관련 작업을 관리하는 유연성을 제공합니다.

통사론:

setTimeout(function, milliseconds, arg1, arg2, ...); 

매개변수:

• 기능 : 지정된 시간 이후에 실행되는 기능입니다.
• 밀리초 : 지연 시간은 밀리초 단위로 표시됩니다.
• 인수1 , 인수2 : 필요한 경우 선택적 매개변수입니다.

1. 취소 setTimeout()>

JavaScript는 다음과 같은 해당 함수를 제공합니다. clearTimeout()> 실행되기 전에 예약된 시간 초과를 취소합니다.

예: 이 예에서는 settimeout 취소를 보여주었습니다.

function delayedFunction() {  console.log('This won't be executed due to clearTimeout'); } let timeoutId = setTimeout(delayedFunction, 2000); // Cancel the setTimeout before it executes clearTimeout(timeoutId); console.log('Timeout canceled'); 

2. 목적 setTimeout()>

자바스크립트에서는 setTimeout()> 기능은 지연을 도입하거나 지정된 시간이 경과한 후 특정 기능을 실행하는 데 사용됩니다. 이는 브라우저와 Node.js에서 제공하는 웹 API의 일부로, 코드의 비동기 실행을 허용합니다.

예: 아래는 settimeout의 예입니다.

console.log('Start'); setTimeout(function() {  console.log('Delayed log after 2000 milliseconds'); }, 2000); console.log('End'); 

산출:

Start End Delayed log after 2000 milliseconds 

설명:

• 그만큼 setTimeout()> 함수는 콜백 함수와 밀리초 단위의 시간 지연이라는 두 가지 매개변수를 사용합니다.
• 이 예에서는 초기 시작 및 종료 로그 다음에 setTimeout()> 2000밀리초(2초) 후에 콜백 함수(지연 로그)를 실행하도록 설정되어 있습니다.
• 나머지 코드는 지연을 기다리지 않고 계속 실행되어 비동기식 특성을 보여줍니다. setTimeout()> .
• 지정된 지연 후에 콜백 함수가 호출되어 2000밀리초 후 지연된 로그 메시지가 콘솔에 기록됩니다.

사용 사례:

1. 실행 지연: 이는 애니메이션, 시간 제한 이벤트 또는 지연된 작업과 같은 시나리오에 유용한 코드 실행 지연을 도입하는 데 사용할 수 있습니다.
2. 비동기 작업: 콜백 함수와 결합하면 비동기 동작이 용이해지며 비차단 코드 실행이 가능해집니다.
3. 웹 개발 시간 초과: 특정 시간 이후 알림 표시 또는 콘텐츠 새로 고침과 같은 시간 초과 처리를 위해 웹 개발에 일반적으로 사용됩니다.