刷新一次div标签

Just looking for a way to refresh the content of a DIV tag once. For example, lets say your markup is:

<body>
<div id="RefreshOnce">
<?php include('loading.php') ?>
</div>
</body>

I know how to update the content of that DIV tag using a Javascript with ajax to refresh it multiple times to say another file called content.php. I can't seem to figure out how to just make it refresh one time.

The function is basic: div loads a loader page with cool loading image, then waits 2 seconds and loads the actual content once.

Use these two javascript functions:

  • setTimeout() - executes a code some time in the future
  • clearTimeout() - cancels the setTimeout()

You can lookup examples here: http://www.w3schools.com/js/js_timing.asp

You just place an AJAX request in your function, and clear the timeout just after. Job done:=)

First, load the div content from one resource and then reload it from another resource, after some time.

<script type="text/javascript">

  $(function() {
      $('#fooDiv').load( 'a.html' );
      setTimeout( reloadDiv, 5000 );
  });

  function reloadDiv() {
     $('#fooDiv').load( 'b.html' );
  }

</script>