0

Как зациклить анимацию jquery?

function moveLeft(){
    $('.someElement').css({left: '-1133px', transition: 'linear 20005ms'});
    setInterval( reset, 20000 );
    function reset() {
        $('.someElement').removeAttr('style');
        setInterval( moveLeft, 0 );
    } setInterval( reset, 20000 );
} moveLeft();
0

1 ответ 1

1

Достаточно одного интервала.

Обновлено.

$(function() {
  function moveBlo() {
    var blo = $('.blo');
    var int = setInterval(function() {

      if (parseInt(blo.css('left')) >= 400) {
        blo.css('left', '0');
      }

      blo.animate({
        left: '+=100'
      }, 200);
    }, 1000);
  }
  moveBlo();
});
div.blo {
  width: 40px;
  height: 40px;
  position: relative;
  left: 0;
  top: 0;
  background-color: tomato;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="blo"></div>

2
  • Не совсем то, требуется, чтобы после одного прохода все стили у элемента удалялись и он опять от начальной позиции уходил влево на шаг, и так без остановки, бесконечно. 22 мая 2016 в 11:08
  • @МишаУмаров обновил. 22 мая 2016 в 12:27

Ваш ответ

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

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