NaN Jquery旋钮

Question

我正在尝试删除我的jquery旋钮上显示的NaN。我尝试过一些事情，比如设置超时并调整倒计时器。如何修复旋钮，使其在第一次调用时不再显示NaN？

示例http://codepen.io/missile20706/pen/jAaYjx

$.fn.timer = function( userdefinedoptions ){ 
    var $this = $(this), opt, count = 0; 


    opt = $.extend( { 
        // Config 
        'timer' : 30, // 300 second default
        'width' : 100 ,
        'height' : 100 ,
        'fgColor' : "blue" ,
        'bgColor' : "white" 
        }, userdefinedoptions 
    ); 


    $this.knob({ 
        'min':0, 
        'max': opt.timer, 
        'readOnly': true, 
        'width': opt.width, 
        'height': opt.height, 
        'fgColor': opt.fgColor, 
        'bgColor': opt.bgColor,                 
        'displayInput' : true, 
        'dynamicDraw': false, 
        'ticks': 0, 
        'thickness': 0.3 
    }); 


    setInterval(function(){ 
        newVal = ++count; 
        $this.val(newVal).trigger('change'); 
    }, 1000); 
};

$('.example').timer();

Answer 1

只需将输入的初始值设置为“0”

即可

<input class="example" value="0">

Answer 2

未设置导致此问题的输入的初始值。你可以在html中添加一个value属性（如发布的答案所示），或者更改你的js函数来设置它。喜欢

$.fn.timer = function( userdefinedoptions ){ 
    var $this = $(this), opt, count = 0; 
    $(this).val(0);
    opt = $.extend( { ...