2016-05-26 19 views
0

progressbar.jsを使用して2つのサイクルの間でcountinually alternatingを試みています。私はこのコードを実行すると何も起こりませんが、繰り返しはしないときにうまく動作します。助言がありますか?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(); 
    } 

}); 

答えて

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 
関連する問題