設置間隔jQuery中

Question

我有這樣一個按鈕和文本框：

<button type="submit" id="go" style="width: 20px; height: 30px;"></button> 
<input type="text" id="txt" /> 

，我想編寫一個腳本，當我寫在文本框中一個號碼，點擊按鈕，將它添加一個mynumber的（我寫在文本框上）每5秒鐘。我寫了這個腳本，但它不起作用！問題是什麼？ 我的腳本：

$("document").ready(
     function() { 
      $("#go").click(
       function() { 
        setInterval(
         function() { 
          var values = $("txt").text(); 
          values = values + 1; 
          $("txt").html(values); 
         }, 400); 
       }); 
     }); 

Answer 1

有幾個問題如下圖所示

//it is document not 'document' 
$(document).ready(function() { 
    var timer; 
    $("#go").click(function() { 
     clearInterval(timer); 
     timer = setInterval(function() { 
      //use id selector and .val() to get the value 
      var values = $("#txt").val(); 
      //parse the string to int before adding 1 
      values = parseInt(values) + 1; 
      $("#txt").val(values); 
     }, 5000); //5 seconds is 5000 milli seconds 
    }); 
}); 

演示：Fiddle

Answer 2

使用

$("txt").text() 

Answer 3

$("#txt").val() 

相反，你應該改變：

• $("txt")到$("#txt")
• $("txt").text();到$("txt").val();
• $("txt").html(values);到$("txt").val(values);

正確的jsfiddle：http://jsfiddle.net/maximgladkov/eMbxp/

Answer 4

使用此： 其運行：

$("document").ready(
    function() { 
     $("#go").click(
      function() { 
       setInterval(
        function() { 
         var values = $("#txt").val(); //use .val() to take data from input element. 
       values = Number(values)+1; //var is not a integer so you have to put ,it inside a Number() 
         $("#txt").val(values); // use Id selector ' # ' in jQuery to select a element. 
        }, 5000); 
      }); 
    });