簡體   English   中英

嘗試遍歷progressbar.js動畫

[英]Trying to loop through progressbar.js animations

我正在嘗試使用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(); 
  }

});
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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM