JQuery анимации с setinterval

Question

мой JQuery Код:

$(document).ready(function(){ 
     setinterval(function(){ 
     $("#animate").animate({'margin-left':'50px'},1000) 
     $("#animate").animate({'margin-left':'-50px'},1000) 
     },2000); 

     }); 

HTML:

<div id="animate">sdfdsfdsfsdfsdfds</div> 

я хочу сделать анимацию, которая будет идти через каждые 5 сек. Что не так ? Спасибо!

Answer 1

http://jsfiddle.net/3GHaf/

setInterval чувствителен к регистру. Camel case это и он работает.

Answer 2

Мое предпочтительное решение. Таким образом, ваша анимация будет на 100% действительно синхронной и не будет страдать от дублирования анимаций. Поверьте мне, в то время как другие ответы используют setInterval(), и это выглядит так, как будто это работает, эти решения необъяснимо проваливаются после достаточного количества итераций из-за асинхронного характера javascript. Кроме того, он только один DOM ищет элемент и делает его объектом jQuery только один раз.

jQuery(function($){ 
    (function swoop(element) { 
     element 
      .animate({'margin-left':'50px'}, 1000) 
      .animate({'margin-left':'-50px'}, 1000, function(){ 
       setTimeout(function(){ 
        swoop(element); 
       }, 5000); 
      }); 
    })($('#animate')); 
});