1

Я захотел повернуть элемент на странице. Чтобы он не поворачивался мгновенно я добавил setInterval, который, как я думал, добавит задержку для каждого шага, но это так не работает. Он добавляет задержку между поворотами на 180deg. Как добавить задержку для каждого градуса?

$('.header').find("li").click(function(){
  for(let i = 0; i <= 180; i++){
    setInterval(() => {
      console.log(i);
      $(this).find('.fas').css({
        'transform':'rotate(' + i + 'deg)'
      })
    }, 200);
  }
})
3
  • вам каждый раз нужно ставить задержку больше, например i * 100 5 авг 2019 в 13:44
  • раз используете JQUERY, то не проще ли, юзать animate для таких вещей?
    – And
    5 авг 2019 в 13:45
  • Animate не работает с не-числовыми свойствами.
    – Andrew
    5 авг 2019 в 13:48

1 ответ 1

0

181 setInterval? Вам столько не надо.

$('.header').find("li").click(function(){
  var timer = i => {
    $(this).find('.fas').css({
      'transform':'rotate(' + i + 'deg)'
    });
    if (i < 180)
      setTimeout(timer, 1000, i + 1);
  };
  timer(0);
});

1
  • Спасибо. 181 действительно не нужен.
    – Andrew
    5 авг 2019 в 14:01

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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