試圖通過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