jQuery runloop -如何创建循环？

Question

我正在使用jQuery运行循环来制作一个相当复杂的动画。尽管名称为runLOOP，但我不能在循环中运行动画。

以下是我尝试过的(简化)：

  var loop = jQuery.runloop();

  loop.addKey('25%', function(){
    console.log('25%');
  });
  loop.addKey('50%', function(){
    console.log('50%');
  });
  loop.addKey('75%', function(){
    console.log('75%');
  });
  loop.play(3000, callback);

  function callback() {
    console.log('done!');
    console.log(loop);
    loop.reset();
    loop.play(3000);
    console.log(loop);
  }

我以为loop.reset();会重置运行循环，让我的loop.play();再次运行循环，但我的控制台在第一次完成动画后变得疯狂。

有没有人试过成功？

- Dominik

编辑:查看操作中的代码-> http://jsfiddle.net/v9UPx/ (打开控制台)

Answer 1

当你调用console.log(loop);时，你的控制台可能会变得“疯狂”，我想这就是它的原因。

Answer 2

在reset()之前添加pause()，如下所示：

function callback() {
    loop.pause();
    loop.reset();
    loop.play(3000);
}