j查询基于值的填充圆圈

jQuery fill circle based on value

本文关键字：填充 于值 查询      更新时间：2023-09-26

我在创建圆并根据值对填充效果进行动画处理时遇到问题。

目前我有一个HTML5进度条，它根据分数值进行攻击

我这样声明：

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

然后在一个函数中，我根据 CurrentScore 变量相应地设置它： 

bar.value = CurrentScore;

与其使用prgress bar，不如使用圆圈。问题是我尝试使用的每个插件都不会让您动态更改值。它只会在页面加载时设置。我最近一次失败的尝试是通过使用此插件，该插件只会在加载时运行，因此它在我的函数中不起作用。

有谁知道如何根据不断变化的值动态填充圆圈？

此插件需要运行 onload，不能在函数中使用。演示小提琴

TRy 这个 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

进行测试
相关文章：