Question

I want to replace a value in a div with id show_num_val with new value for every 5 seconds. For that I have written the following.

<div id="show_num_val"> 0 </div>

In the script:

 <script>
 $(document).ready(function() {      
  for(i=0;i<20;i++){
    showThis(i);
  }      
});

function showThis(x) {
  setTimeout(function() {
   $('#show_num_val').html(x);
  }, 5000);
 }
</script>

But I am getting the last value i.e 20 only in the show_num_val div.
can anybody help?

Answer 1

You can use setInterval() if you want repetitive execution.

Live Demo

$(document).ready(function() {  
    x = 1;
    inverval = setInterval(function() {
                $('#show_num_val').html(x++);
                if(x == 21)
                     clearInterval(inverval);
               }, 2000);​

});