оживляющий Div вверх и вниз несколько раз

Question

Я хотел бы иметь DIV, который перемещается вверх и вниз несколько раз с помощью JQuery. Другими словами, div начинается в верхней части некоторого места, перемещается вниз, а затем возвращается назад и повторяет это, примерно через 1 секунду от перехода сверху вниз и 1 секунду назад. Есть slideUp и slideDown, а также методы анимации, но я не уверен, как это сделать, поскольку он должен быть в бесконечном цикле, а в javascript вы должны избегать таких циклов.

Answer 1

одушевленные логика JQuery благополучно может быть вызвана с обратными вызовами или соединены друг с другом без использования SetTimeout/setInterval:

Что-то, как это должно работать нормально для вас

Demo

function loop() { 
    $('.bouncer').animate({'top': '500'}, { 
     duration: 1000, 
     complete: function() { 
      $('.bouncer').animate({top: 0}, { 
       duration: 1000, 
       complete: loop}); 
     }}); 
} 
loop(); 

Answer 2

использование setInterval, смотрите здесь: http://www.w3schools.com/js/js_timing.asp

так попробовать этот

Javascript

$(document).ready(function() { 
    setInterval(function() { 
     $('#thediv').slideUp('500', function() { 
      $('#thediv').slideDown('500'); 
     }); 
    }, 1000); 
}); 

HTML

<div id='thediv' style='width:100px;height:200px;border:1px solid black;'> 
Div Contents 
</div> 

вам может понадобиться настроить тайминги (которые в miliseconds)