jquery - jquery ループ機能、スタイルのリセット、再度ループ

Question

私がやろうとしているのは、html 要素の「トップ」位置をアニメーション化し、関数が実行されたら、スタイルをリセットしてループを開始することです。

私は確かにこれのプロではありません。もっと良い方法があると確信しており、私が見つけたさまざまな「チュートリアル」をつなぎ合わせることによってのみ、ここまでたどり着くことができました.

私がアニメートしている要素は、with overflow:hidden に含まれています。

これまでに取得できたスクリプトは次のとおりです。

$(function(){
    function loop(n) {
    if(n > 0)
    {
      setTimeout(function(){
      $("#target").animate({'top': '-=44px' },"slow", loop(n-1));
      }, 3000);
    }
    }
    loop(15);
});

私が望むのは、これが実行された後、#target 要素の "top" プロパティをリセットしてから (無限に) やり直すことです。

どんな助けも大歓迎です。私は最初からこれについて間違っているかもしれないことを認識しているので、どんな提案も素晴らしいでしょう!

ありがとう！

編集: jsFiddle をまとめて、これまでに得たものを示します: http://jsfiddle.net/E7mTR/

Answer 1