jQuery fadeInアニメーション表示データ

Question

データを表示するjQueryアニメーションがあります。

あなたはここでフィドルhere

を見ることができるHTMLコードです：

<ul> 
    <li>List 1, Line 1</li> 
    <li>List 1, Line 2</li> 
    <li>List 1, Line 3</li> 
</ul> 
<ul> 
    <li>List 2, Line 1</li> 
    <li>List 2, Line 2</li> 
    <li>List 2, Line 3</li> 
</ul> 
<ul> 
    <li>List 2, Line 1</li> 
    <li>List 2, Line 2</li> 
    <li>List 2, Line 3</li> 
</ul> 

私は3 ulを持っています。

、ここでは、JS

var base_duration = 2000; 
$('ul').each(function(i) { 
    var li_count = $(this).children().length, 
     hide_timeout = ((i+1) * base_duration * li_count); 
    $(this).children().each(function(ii) { 
     var li = $(this), 
      show_timeout = (i * li_count * base_duration) + (ii * 
base_duration); 
     window.setTimeout(function() { 
      li.animate({left:0, opacity:1}) 
     }, show_timeout); 
     window.setTimeout(function() { 
      li.animate({left:'100%', opacity:0}) 
     }, hide_timeout); 
    }); 
}); 

私の質問は、データがフェードインするとき、どのように時間を作るために（あなたがデモで見ることができるように、それは非常に速く表示されます）されているのですか？

Answer 1

アニメーションのspeedにはanimateの機能を付けることができます。

ここでは例を参照してください。http://jsfiddle.net/vineeshmp/zp240znv/396/

$listItems.eq(index).animate({left:0, opacity:1},1000, function() { 
    AnimateList($listItems, index+1, callback) 
}); 

speedが可能な属性値：ミリ秒（100、1000年、5000、など）は、 "遅い"、 "速い"

Answer 2

を次のように修正してください。

$listItems.eq(index).animate({left:0, opacity:1}, 5000, function()