TextField Update with setInterval in JavaScript

Question

I am quite new on javascript and jquery. I have implemented the following simple code to update the textfield with random values with every 5 seconds. However, it does not update.

Please do not offend if the question is so simple for you.

  <input type="text" value="Hello there" id="me"/><br/>

   self.init = function () {
        $("#me").val(setInterval(myFunction(),5000));
    }

    function myFunction() {
        return Math.floor((Math.random() * 100) + 1);
    }

setInterval will run after (5 seconds) you attempt to set the value. Instead, try setInterval(function(){$('#me').val(myFunction())}, 5000) — Jack
– Jack, Commented Oct 23, 2014 at 19:49

Preston S · Accepted Answer · 2014-10-23 19:50:10Z

2

This is how it's done.

setInterval(function() {
  $("#me").val(myFunction());
}, 5000);

function myFunction() {
  return Math.floor((Math.random() * 100) + 1);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="Hello there" id="me" />

answered Oct 23, 2014 at 19:50

Preston S

2,80126 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

casillas Over a year ago

That is great! SOF does not allow me to accept your answer right away. I should wait 10 min. Thanks a lot Preston.

Collectives™ on Stack Overflow

TextField Update with setInterval in JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related