javascript - 编辑 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是“更改值；未提交的值”和this.i“混合 HTMLInputElement 或 HTMLInputElement 数组”