javascript - 尝试循环 Progressbar.js 动画

Question

我正在尝试使用progressbar.js 在两个周期之间交替计数。当我运行这段代码时什么也没有发生，尽管当我不尝试重复时它工作得很好。有什么建议吗？

    $(document).ready(function() {

  var timer = new ProgressBar.Circle('#progress', {
    easing: 'linear',
    strokeWidth: 3,
    trailWidth: 1,
    color: '#ff9900'
  });



 function loop() {
    timer.set(0);
    timer.setText('Work');
    timer.animate(1, {
      duration: 25000
    }, function() {
      timer.set(0);
      timer.setText('Break');
      timer.animate(1, {
        duration: 5000
      },loop);
    });

    loop(); 
  }

});

Answer 1

function loop() {
    timer.set(0);
    timer.setText('Work');
    timer.animate(1, {
      duration: 25000
    }, function() {
      timer.set(0);
      timer.setText('Break');
      timer.animate(1, {
        duration: 5000
      },loop);
    });

    loop(); //remove
  }
  loop();//add