jquery - jQuery runloop - 如何创建一个循环？

Question

我正在使用 jQuery runloop 来制作相当复杂的动画。尽管名称为 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();以一种允许我再次运行循环的方式重置 runloop，loop.play();但我的控制台在第一次完成动画后会发疯。

有没有人尝试过成功？

– 多米尼克

编辑：查看实际代码 -> http://jsfiddle.net/v9UPx/（打开控制台）

Answer 1

当您打电话时，您的控制台可能会“疯狂”，console.log(loop);我想这就是它的原因。

Answer 2

像这样添加pause()之前reset()：

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