jqueryで縦に並んだ要素らを、時間差でアニメーションさせるとき、.each(function(i){ $(this).aniamte({ left:100 }, val * i);});ってすると思うんですけど、これだときれいに時間差になりません。一つ目がでたかと思うと、残りのいくつかの要素が一気にアニメーションしてしまうなど、バラつきがあります。。。
どうしたらいいでしょう?
こんな感じでやればできるのではないですか?
タイマーで再起呼び出しすればよいんじゃない?
delay知らんのか
そんなのあるのか。jqueryべんりー。
jQueryではなく、標準機能であるWeb Animations API (のポリフィル)を使うことをオススメします。タイムラインやグループ化などもサポートされていて、jQueryのものより高度で正確で実行環境に優しいAPIです。
durationとdelayを勘違いしとるのかね
そういうときのDefferedですよ。
みんなの回答 6 件
こんな感じでやればできるのではないですか?
jQueryで画像などコンテンツ要素を順番にフェードインさせる方法 | BlackFlag
http://black-flag.net/jquery/20120725-4001.htmlタイマーで再起呼び出しすればよいんじゃない?
delay知らんのか
jQueryではなく、標準機能であるWeb Animations API (のポリフィル)を使うことをオススメします。
タイムラインやグループ化などもサポートされていて、jQueryのものより高度で正確で実行環境に優しいAPIです。
durationとdelayを勘違いしとるのかね
そういうときのDefferedですよ。
関連するトピックス