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();以允许我再次使用loop.play();运行循环的方式重置runloop，但是我的控制台在第一次完成动画后变得疯狂。

有没有人尝试过成功？

- 多米尼克

编辑：查看操作中的代码 - ＆gt; http://jsfiddle.net/v9UPx/（打开你的控制台）

Answer 1

当你致电console.log(loop);时，你的控制台可能会变得“疯狂”。我想这就是它正在做的事情。

Answer 2

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

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

jQuery runloop - 如何创建循环？

2 个答案: