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 中使用 0 并按 ok 进行测试

于 2013-09-20T12:09:44.033 回答