Цикл с задержкой

11.12.2023 Марат 92 0 js

"Цикл с задержкой в javascript". Пример цикла с задержкой. Код цикла с задержкой. Скачать готовую страницу с циклом м задержкой по времени.

Подробно, пошагово о цикле с задержкой :

Цикл с задержкой - описание.
Весь код цикла с задержкой в сборе:
Пример цикла с задержкой в сборе:
Скачать готовый код цикла с задержкой внутри цикла

Цикл с задержкой - описание.

Для того, чтобы вам написать код цикла с задержкой в несколько секунд вам потребуется:

Html:

Для того, чтобы не лезть в консоль, создадим div с id, чтобы отправлять туда циклическое прибавление "+1":


<div id="idiv"></div>

Javascript:

Для того, чтобы отправлять ваше действие в цикле и чтобы тупо его видеть, что он пооисходит, анм нужно обратиться к тегу по id

idiv = document.getElementById('idiv');

Задержку в цикле сделаем в 1 секунду:

delay = '1000';

Считать начнем с нуля:

i=0;

Напишем функцию цикла myLoop() + вызовем её же внутри цикла!

С помощью innerHTML будем отправлять значение "i" в "id=idiv"Ж


function myLoop() {
         setTimeout(function()
         {
            i++;
            idiv . innerHTML = idiv . innerHTML + ' - ' + i ;
            myLoop();
         }, delay)
       }

После самой функции надо её вызвать:

myLoop();

Весь код цикла с задержкой в сборе:

Давайте код соберем в отдельном пункте, чтобы не перегружать первый пункт:

Код цикла с задержкой и выводом результата:


<!DOCTYPE html>
<html lang="ru">
	<meta name="robots" content="noindex" content="nofollow">
	<head>
		<meta charset="utf-8">
		<title>Пример цикла  с выводом результата js</title>
	  </head>
	  <body>
  		<div id="idiv"></div>
      <script>
        idiv  = document.getElementById('idiv');
        delay = '1000';
        i=0;

       function myLoop() {
         setTimeout(function()
         {
            i++;
            idiv . innerHTML = idiv . innerHTML + ' - ' + i ;
            myLoop();
         }, delay)
       }
       myLoop();
      </script>
	  </body>
</html>

Пример цикла с задержкой в сборе:

Смотрим пример на отдельной странице цикла с задержкой в сборе.