javascript - each() 迭代之间的延迟

Question

在 Mootools 中，我想一次淡入一组 div 中的一个。基本上我想在每次迭代之间添加延迟:

$$('.someclass').each(function(el){
      el.set('tween', {
        duration: 1000
      });
      el.tween('opacity',0,1);
    });

Answer 1

或者你可以这样做......

document.getElements('.someclass').each(function(el, index) {
    el.set('tween', {
        duration: 1000
    }).fade.delay(index * 1000, el, [0, 1]);
});

这将在第一次淡入淡出后 1 秒开始每次连续淡入淡出。

在 1.3.2 中测试并工作:http://jsfiddle.net/dimitar/jMdbR/

在 1.4.1 中似乎已损坏: http://jsfiddle.net/dimitar/jMdbR/1/由于 method overloading to the Fx.Tween instance being removed - 尽管您可以通过在开始之前设置不透明度来解决这个问题 - 或者使用 .tween:

document.getElements('.someclass').each(function(el, index) {
    el.set('tween', {
        duration: 1000
    }).tween.delay(index * 1000, el, ["opacity", [0, 1]]);
});

http://jsfiddle.net/dimitar/jMdbR/4/对于使用补间的 1.4.1 版本。