编辑jquery-knob计数器以显示秒的分数

Question

我使用旋钮创建时间计数器：

        $(function($) {
            $(".knob").knob({
                'fgColor': '#b9e672',
                'thickness': 0.3,
                'width':150,
                'data-min': 0,
                'data-max': 30,
                'readOnly': true
            });
            var initval = 30;
            $({value: 0}).animate({value: initval},{
                duration: 10000,
                easing:'swing',
                step: function()
                {
                    $('.knob').val(this.value).trigger('change');
                }
            });
        });

我想以毫秒为单位显示计数器，如图：

怎么做？

感谢，

Answer 1

您可以使用step选项选择要在旋钮值中更新的步骤。

您还可以执行其他有用的操作，即设置draw功能。 draw函数确定标签中绘制的内容。默认情况下，它与值匹配，但您不必这样做。

例如，如果您想以毫秒更新旋钮，但想要将值四舍五入以仅显示标签中的完整秒数，则可以执行以下操作：

draw: function () { $(this.i).val(Math.round(this.cv)); }

其中，相应于jQuery-knob源的注释，this.cv是＆＃34;更改值;没有提交值＆＃34;，和this.i＆＃34;混合的HTMLInputElement或HTMLInputElement数组＆＃34;