0

Как реализовать выполнение функции после ее полного окончания(должна закончиться анимация) ? Нужно выполнять в течение 30 секунд, после этого завершаем выполнение. P/S Пробовал сделать через while, но тогда происходит зацикливание и функция выполняется каждую секунду.

Функция:

function createFruit() {
        for(let i = 0; i < fruit.length; i++) {
          //createFruit
          const randomFruit = Math.floor(Math.random() * fruit.length);
          const newFruit = document.createElement('div');
          const imageFruit = document.createElement('img');
          newFruit.id = fruit[randomFruit].id;
          newFruit.className = 'fruit';
          imageFruit.src = fruit[randomFruit].src;
          container.appendChild(newFruit);
          newFruit.appendChild(imageFruit);
          newFruit.addEventListener("animationend", function() {container.removeChild(newFruit);}, false);
        }
      }

1 ответ 1

0

var timeStart;
var timer;

function createFruit() {
  // any logic
}

function Go() {
  if((new Date()).getTime() - timeStart.getTime() > 1000*30) {
     window.clearInterval(timer);
     console.log("stop");
     return;
  }
  
  console.log("go");
  createFruit();
}

function StartTimer() {
   timeStart = new Date();
   timer = window.setInterval(Go,1000);
}
 
StartTimer(); 

9
  • Дмитрий, а если мы используем паузу ? 22 дек 2017 в 10:18
  • @RomanVerner не понял? 22 дек 2017 в 10:19
  • @RomanVerner данная функция работает ровно 30 секунд и срабатывает каждую секунду 22 дек 2017 в 10:20
  • Ну получается если мы нажимаем на кнопку, и включается пауза. Например так: button.onclick = function() { for(let i = 0; i < fruitInHtml.length; i++) { fruitInHtml[i].classList.toggle('paused'); } } 22 дек 2017 в 10:20
  • @RomanVerner так после каждого вызова createFruit будет пауза в 1 секунду, конечно размер паузы можно настроить 22 дек 2017 в 10:22

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.