jQuery.load setTimeout not working

Question

I'm loading content from a PhP file into a div. It loads fine once, but I want it to reload every 5 seconds to show updates to the database. From looking on this site and others this should work fine, but it doesn't.

 <div id="Total">

     $(document).ready(function(){
      setTimeout(function(){
        $('#Total').load('points.php');
      },5000); });


  </div>

possible duplicate of [JavaScript: get code to run every minute](http://stackoverflow.com/questions/13304471/javascript-get-code-to-run-every-minute) — Felix Kling, Mar 13 '13 at 14:22
Place the script outside of the #Total div and put it inside — cowboybebop, Mar 13 '13 at 14:23
I had setInterval to start with it wasn't working. I moved it to outside the
and added the script tags and it works! Thanks. — user2051199, Mar 13 '13 at 14:27

score 1 · Answer 1 · answered Mar 13 '13 at 14:21

You need to use setInterval() for execution. setTimeout() will only execute once. You need to also make sure your script is contained within a <script> block

<script type="text/javascript">
    $(document).ready(function(){
        setInterval(function(){
            $('#Total').load('points.php');
        },5000);
    });
</script>

score 0 · Accepted Answer · answered Mar 13 '13 at 14:21

0

Use setInterval and put the script outside of Total

   $(document).ready(function(){
      setInterval(function(){
        $('#Total').load('points.php');
      },5000); });

answered Mar 13 '13 at 14:21

Anton

32,245
5
44
54

score 0 · Answer 3 · answered Mar 13 '13 at 14:25

0

setTimeout only triggers once. You should use setInterval insted.

answered Mar 13 '13 at 14:25

Sergio Pinto

76
4

jQuery.load setTimeout not working

3 Answers3