Javascript에서 sleep() 함수를 어떻게 구현할 수 있습니까?

안녕하세요 여러분 👋

안녕 친구들, 여기는 SnowBit입니다. 저는 젊은 열정적이고 독학으로 프론트엔드 웹 개발자이며 성공적인 개발자가 되려는 의도가 있습니다.

오늘 저는 여러분이 읽고 싶어할 놀라운 주제를 가지고 다시 왔습니다. 그럼 시작하겠습니다 🚀

🌟 소개

기본적으로 Javascript에는 sleep() 기능이 제공되지 않습니다. 슬립 타이머를 구현하려면 setTimeout() 함수가 sleep() 함수에 가장 가깝습니다. 지정된 시간이 지나면 일시 중지를 생성하는 절전 기능을 구현하는 덜 일반적인 다른 몇 가지 방법이 있습니다.

setTimeout

setTimeout()는 시간이 만료된 후 코드를 한 번 실행하는 함수에 대한 타이머를 설정합니다. setTimeout() 함수 안에 있는 유일한 코드는 주어진 시간 후에 실행됩니다. 기간은 항상 밀리초(ms)로 기록됩니다. 다음은 setTimeout() 함수를 작성하는 방법입니다.

const printHelloWorld = () => {
  console.log("Hello");
  setTimeout(() => console.log("World"), 500);
};

printHelloWorld(); // "Hello", "World" ("World" logs after 500ms)

동기 방식

여기서 루프를 사용하여 함수 실행을 중지할 수 있습니다.

const sleep = (ms) => {
  const stop = new Date().getTime() + ms;
  while (new Date().getTime() < stop) {}
}

const printHelloWorld = () => {
  console.log("Hello");
    sleep(500)
  console.log("World")
};

printHelloWorld(); // "Hello", "World" ("World" logs after 500ms)

비동기 방식

sleep() 및 async 및 await 및 setTimeout()를 사용하여 Promise 함수를 구현하는 덜 간섭적인 방법입니다. 우리는 Promise를 다루고 있기 때문에 실행 함수는 async이어야 합니다.

const sleep = (ms) =>
  new Promise(resolve => setTimeout(resolve, ms));

const printHelloWorld = () => {
  console.log("Hello");
    sleep(500)
  console.log("World")
};

printHelloWorld(); // "Hello", "World" ("World" logs after 500ms)

그래서 이번 글은 여기까지였습니다. 새로운 것을 배우고 즐겁게 읽으시기 바랍니다. 다음 기사를 기대해 주세요.

트위터로 연결하자 -

🌏 연결하자

GitHub

Buy Me A Coffee