Как я могу ждать выполнения setInterval?

Question

[sidorikv]

Есть простая функция:

async function monitor() {
    let counter = 1
    let ping = setInterval(async () => {
        console.log(counter++)
        if (counter > 999) {clearInterval(ping)}
    })
    console.log("y")
}

Нужно сделать так, чтобы console.log("y") выводился после setInterval, но при вызове:

async function monitor() {
    let counter = 1
    let ping = setInterval(async () => {
        console.log(counter++)
        if (counter > 999) {clearInterval(ping)}
    })
    console.log("y")
}

(async () => {
    let test = await monitor()
})()

Выводится console.log("y") сразу, как можно реализовать?

Answer 1

[Сергей Соколов]

Вот пример с setTimeout() — сначала зарядится таймер, отработает: отресолвит промис, и после этого уже сработает финальный console.log()

async function monitor() {
  await new Promise(resolve => {
    setTimeout(() => {
      console.log("Прошла секунда");
      resolve();
    }, 1000);
  });

  console.log("После Вас!")
}

monitor();

Comments

[sidorikv]

Дай бог здоровья

[sidorikv]

А можно как-то сделать так, чтобы например был counter и с каждой иттерацией он делал ++, как только число больше 999 он останавливался и выводил в лог "готово"?

[Сергей Соколов]

sidorikv, ну вот обратный отсчёт. 999 многовато для консоли, от 10 до 1

async function monitor() {
  await new Promise(resolve => {
    let counter = 10;
    const timer = setInterval(() => {
      console.log(counter);
      counter--;
      if (counter > 0) return;

      clearInterval(timer);
      resolve();
    }, 500);
  });

  console.log("Готово");
}

monitor();

Answer 2

[Rsa97]

async function monitor() {
  await new Promise((resolve) => {
    let counter = 1;
    const ping = setInterval(() => {
      console.log(counter++)
      if (counter > 999) {
        clearInterval(ping);
        resolve();
      }
    });
  });
  console.log("y")
}

Comments

[sidorikv]

Все работает! Но я заметил странную штуку. Если я в этот setInterval засовываю await функцию, жду выполнения определенной функции, то после старта скрипта функция сразу выполняется 5 раз, и только потом асинхронно. Почему так случается?

Answer 3

[GrayHorse]

Уже в который раз пишу, используйте эту наипростейшую функцию для написания простого и понятного кода если трубуются "паузы":

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

Поскольку не понятно, что ты пытался сделать. Вот пример использования:

for (let i = 0; i < 10; i++) {
    console.log(i);
    await sleep(100);
}
await sleep(1000);
console.log("Done");

— вывод сообщения каждые 100 мс, и еще через секунду "Done".