質問: javascript アニメのループ動作について iosでswfが動かないことから、javascript で簡単なアニメを作ろうと思っています。 初めてなので、アニメのループ動作に詳しい方教えてください。 (jqueryと合わせて、動作させます) 2個の動作を定義しています。 《動作a》 $(function(){ settimeout(function(){ $('#photo').animate({ width: "776px", opacity: 1, }, 1500 ); },500); //500遅らせる指示 }); 《動作b》 $(function(){ settimeout(function(){ $('#word').animate({ width: "398px", opacity: 1, }, 3000 ); },700); //700遅らせる指示 }); このうち、動作bのみを 動作完了 → 1000msec 表示キープ → 3000msec の逆動作で消える → 1000msec 表示無し これを一連の動作として、ループさせたいのです。 interval 関連のコマンドの説明を見ましたが、自分にはわかりませんでした。 《動作b》に書き足して、ループできるなら、具体的記述で教えてください。 以上、よろしくお願いします。
回答: 考え方のみですが... >動作完了 → 1000msec 表示キープ → 3000msec の逆動作で消える → 1000msec >表示無し これを一連の動作として、ループさせたいのです。 1)まず、『動作→表示キープ→逆動作』を行う関数を作成します。 2)これを、setintervalで8000msec間隔で繰り返します。 これで、ほぼご質問のようになると思います。 1)の関数作成の際にアニメーションを順序を保って実行するには、jqueryを用いているようですので、callback関数を利用することで比較的簡単に実現できると思います。