javascript - 使用jsgauge创建量规

我已经使用jsgauge插件创建了一个量规

我无法做的是控制针的速度。它应比默认速度慢一些，移到分配值。指针也应从0开始。

小提琴是http://jsfiddle.net/aryan7987/h45Tr/2/

Query(document).ready(function(){
        jQuery("#example")
          .gauge({
             min: 0,
             max: 100,
             label: 'EMPLOYEE',
             startangle: 0,
             bands: [{color: "#ff0000", from: 90, to: 100}]
           })
          .gauge('setValue', 59);
        });

最佳答案

解决方案之一是使用setInterval功能，并按如下所示逐步增加测量值：

    jQuery(document).ready(function(){
            var g = jQuery("#example")
              .gauge({
                 min: 0,
                 max: 100,
                 label: 'RPM',
                 bands: [{color: "#ff0000", from: 90, to: 100}]
               });
              var m = 0;
              var timer = window.setInterval(function()
              {
                m++;
                g.gauge('setValue', m);
                if (m==58)
                {
                    clearInterval(timer);
                }
              }, 200);
});

代码很脏，但是您应该明白一点。同样在这里工作fiddle。