시간 초과를 설정한 후 5초 동안 코드 실행을 지연하려면 어떻게 해야 합니까?

5초 동안 코드 실행 연기

제공된 코드는 setTimeout 함수를 사용하여 작업 실행을 5초 지연하려고 시도합니다.

<code class="javascript">function stateChange(newState) {
  setTimeout('', 5000);

  if(newState == -1) {
    alert('VIDEO HAS STOPPED');
  }
}</code>

그러나 코드는 시간 제한을 예약한 후 즉시 newState == -1 조건을 확인하여 의도한 지연을 무효화합니다.

Browser/Node.js 솔루션

올바른 솔루션에는 비동기식을 활용하는 것이 포함됩니다. 5초가 지날 때까지 if 문의 실행을 연기하는 프로그래밍 기술입니다. 브라우저의 경우 async/await 구문을 사용할 수 있습니다.

<code class="javascript">// Utility function
const delay = ms => new Promise(res => setTimeout(res, ms));

// Function to wait 5 seconds before checking newState
const stateChange = async (newState) => {
  await delay(5000);
  if (newState == -1) {
    alert('VIDEO HAS STOPPED');
  }
};</code>

Node.js 16 이상의 경우 내장된 약속 기반 setTimeout을 활용할 수 있습니다.

<code class="javascript">import { setTimeout } from "timers/promises";

const stateChange = async (newState) => {
  await setTimeout(5000);
  if (newState == -1) {
    alert('VIDEO HAS STOPPED');
  }
};</code>

내장된 약속 기반 setTimeout에 대한 async/await 및 Node.js 버전에 대한 브라우저 지원을 확인하세요.

위 내용은 시간 초과를 설정한 후 5초 동안 코드 실행을 지연하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!