Назад к задачам
Junior — Senior
5

Изменение текста элемента с помощью setTimeout внутри бесконечного цикла

Компании, где спрашивали:

Учи.руУчи.ру
Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Нужно определить, как будет вести себя страница, когда в обработчике события DOMContentLoaded запускается бесконечный цикл while, внутри которого на каждой итерации ставится отложенный вызов setTimeout. Этот таймер обновляет содержимое элемента на странице.

<html>
<head>
  <title>JS test 2</title>
</head>
<body>
  <div id="container">0</div>

  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const hostEl = document.getElementById('container');
      let counter = 0;

      while (true) {
        setTimeout(() => {
          hostEl.innerText = counter++;
        }, 10);
      }
    });
  </script>
</body>
</html>