Рандомное повторение действия в цикле

197

21 апреля 2017, 20:37

Есть класс в стилях .animation1 он должен вызываться постоянно (в цикле), но в рандомный промежуток и после удалятся, и повторятся снова, а то есть действие будет проигрываться в рандомный промежуток например от 1 минуты до двух и повторятся снова.

Как подобное реализовать?

Answer 1

Здравствуйте, с jQuery можно сделать так:

//min и max минимальный и максимальный интервал в миллисекндах
function random(min, max) {
  Math.floor(Math.random() * (max - min)) + min;
}
function animate() {
  //Тут выполняем анимацию
  //...
  console.log("Bang!");
  //Регистрируем новую анимацию
  setTimeout(animate, random(1000, 5000));
}
$(window).ready(animate);