运行回调函数

Question

好吧，我有下面的代码把不透明度DIV DIV后，函数运行后它需要500毫秒再次运行，我需要它来运行函数100毫秒或更少，在以前的动画。

这里是我的jQuery代码：

var children = []; 
     $("#prod-general").children().each(function() { 
      children.push(this); 
     }); 

     function fadeThemOut(children) { 
      if (children.length > 0) { 
       var currentChild = children.shift(); 
       $(currentChild).set.animate({ 
        'opacity': '1'}, 
        500, function() { 
         fadeThemOut(children); 
       }); 
      } 
     } 

这里是一个小提琴：http://jsfiddle.net/r5bqatpz/2/

Answer 1

使用超时：

var children = []; 
    $("#prod-general").children().each(function() { 
     children.push(this); 
    }); 

    function fadeThemOut(children) { 
     if (children.length > 0) { 
      var currentChild = children.shift(); 
      $(currentChild).set.animate({ 
       'opacity': '1'}, 
       500, function() { 
        //fadeThemOut(children); 
      }); 
      setTimeout(function() { 
       fadeThemOut(children); 
      },100); 
     } 
    } 

这里是一个小提琴： http://jsfiddle.net/r5bqatpz/3/

Answer 2

正确解;这种替换你的方法： -

function fadeThemOut(children) { 
    if (children.length > 0) { 
     var currentChild = children.shift(); 
     $(currentChild).animate({ 
       'opacity': '1' 
      }, 
      500); 
     var myVar = setInterval(function() { 
      fadeThemOut(children); 
     }, 100); 

    } 
}