0

読み込み中に数値のパーセンテージを渡す API を使用しています。現在、jQuery の css メソッドを使用して、読み込み中にプログレス バーの幅を更新しています。これはうまく機能しますが、幅は 0.5 秒ごとに更新されるのでぎくしゃくしています。

NEEDATA.onScriptEvent('progress', function(percentage, status, filename){
       var progressStatus = percentage;
       var round = Math.round(progressStatus.percentage * 100) / 100;

// here is the part that needs some work

       $("#percentage div").css({
       'width' : round + '%'
       });
});

イージングで滑らかにアニメートしたいです。css の代わりに animate を使用してみましたが、非常にぎくしゃくしていました。パーセンテージはそれほど速く渡されないため、アニメーションはスムーズではありません。

   $("#percentage div").animate({
       'width' : round + '%'
   }, 100);

パーセンテージ データが渡されるときにこのプログレス バーをスムーズにアニメーション化するより良い方法を見つけようとしています。これは、データが渡されるかなり遅い間隔を補うためです。

4

1 に答える 1

0

これを試して：

var div = $('#percentage div');
if(!div.is(':animated')){
   div.animate({
       'width' : round + '%'
   }, 100);
}
于 2013-05-08T00:29:45.133 に答える