2014-02-15 1 views
1

에서이 같은 버튼과 텍스트 상자가 있습니다설정 간격 JQuery와

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

을하고 난 텍스트 상자에 숫자를 작성하고 버튼을 클릭하면, 그것은 (하나 mynumber에 추가하는 스크립트를 작성하려면 나는 5 초마다 텍스트 상자에 글을 쓴다. 이 스크립트를 작성했지만 작동하지 않습니다! 문제가 무엇입니까? 내 스크립트

$("txt").text() 

답변

2

//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

1

사용 당신은 변경해야합니다 :

  • $("txt")$("#txt")
  • ,617에
  • $("txt").text();$("txt").val();
  • $("txt").html(values);

올바른 JSFiddle $("txt").val(values);에에 : http://jsfiddle.net/maximgladkov/eMbxp/

1

$("#txt").val() 

대신

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

나는 그것을한다, 그러나 일하지 않는다 !!!!! – user3304614

+0

JSFiddle을 추가했으며 실제로 작동합니다. –

1

이것을 사용하십시오 : 그것의 운영 :

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