jQuery基於值的填充圓

Question

我在創建圓和基於值設置動畫效果方面遇到困難。

目前，我有一個HTML5進度欄，它根據得分值進行進度

我這樣聲明：

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

然后在一個函數中，根據CurrentScore變量相應地對其進行設置：

bar.value = CurrentScore;

我不想使用進度條，而是使用圓圈。 問題是我嘗試使用的每個插件都不允許您動態更改值。 僅在頁面加載時設置。 我最近的失敗嘗試是通過使用此插件，該插件僅在加載時運行，因此在我的函數中不起作用。

有人知道如何根據變化的值動態填充圓嗎？

該插件需要在onload上運行，不能在函數內部使用。 演示場

Answer 1

試試這個http://jsfiddle.net/LstNS/8/

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

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

您可以使用動態值代替文本框。 用秒一秒增加0，然后按OK進行測試