動畫以下<code>input</code>類型範圍

Question

我的輸入： <input id="meepmeep" type="range" min="0" max="128" step="1" value="0" />

而且我在做一個基本的setInterval()電話：

setInterval(function() { 
    var newVal = $('#meepmeep').val() + 1; 
    $('#meepmeep').val(newVal); 
}, 500); 

但增加val() + 1似乎val() + 50任何想法？

搗鼓懶惰：http://jsfiddle.net/neuroflux/SNYsa/

Answer 1

值被解析爲一個字符串。 將數據類型轉換爲數字以解決問題：

setInterval(function() { 
    var newVal = parseInt($('#meepmeep').val()) + 1; 
    $('#meepmeep').val(newVal); 
}, 500); 

Answer 2

這是因爲.val()返回一個字符串，你應該加入前的字符串轉換爲數字：

setInterval(function() { 
    $('#meepmeep').val(function(i, str) { return ++str; }); 
}, 500); 

http://jsfiddle.net/SNYsa/1/

Answer 3

setInterval(function() { 
    var newVal = parseInt($('#meepmeep').val()) + 1.0; 
    $('#meepmeep').val(newVal); 
}, 500); 

正常工作; ）

Answer 4

var newVal = $('#meepmeep').val() + 1; 

結果

Run 
1st time value = 1 
2nd time = 11 
3rd time = 111 
4th time = 1111 

因爲您要添加到string它不會轉換爲integer value

正確的代碼Jsfiddle

setInterval(function() { 
    var newVal = $('#meepmeep').val(function(i, val) { 
     return +val + 1; 
    }); 
}, 500); 

或Jsfiddle

setInterval(function() { 
    var newVal = parseInt($('#meepmeep').val()) + 1; 
    $('#meepmeep').val(newVal); 
}, 500); 

parseInt()讀