edit jquery-knob counter to display fraction of second

Question

I create time counter using Knob:

        $(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');
                }
            });
        });

I want to display counter in milliseconds, like picture:

how to do this?

thanks,

Answer 1

You can use the step option to chose the step that you would update in your knob value.

There is also another useful thing you can do, that is set the draw function. The draw function determines what gets drawn in the label. By default, it matches the value, but you don't have to.

For instance, if you want to update the knob in milliseconds, but want to round the value to display only the full seconds in the label, you could do something like:

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

where, accordingly to the comments on the jQuery-knob source, this.cv is the "change value ; not commited value", and this.i the "mixed HTMLInputElement or array of HTMLInputElement"