1

円を作成したり、値に基づいて塗りつぶし効果をアニメートしたりするのに問題があります。

現在、HTML5 プログレス バーがあり、スコア値に基づいて進行します

私はそれを次のように宣言します。

var bar = document.getElementById('progBar'),

次に、関数内で、CurrentScore 変数に基づいてそれに応じて設定します。 

bar.value = CurrentScore;

プログレス バーを使用するのではなく、円を使用したいと思います。問題は、私が使用しようとしたすべてのプラグインで、値を動的に変更できないことです。ページの読み込み時にのみ設定されます。私の最近の失敗した試みは、ロード時にのみ実行されるこのプラグインの使用によるものであったため、機能内では機能しません。

変化する値に基づいて円を動的に塗りつぶす方法を知っている人はいますか?

このプラグインは onload を実行する必要があり、関数内では使用できません。デモフィドル

4

1 に答える 1

2

これを試してくださいhttp://jsfiddle.net/LstNS/8/

 function setpb(){
   //  alert("in set");

 $('#rotator').rotator({
        starting: $("#startval").val(),
        ending: $("#endval").val(),
        lineWidth: 10
    })
  //   alert("completed");
 }

テキストボックスの代わりに動的な値を使用できます。これをテストするには、sencond の 1 つの増加に 0 を使用し、[OK] を押します

于 2013-09-20T12:09:44.033 に答える