以时间间隔连续重复运行JavaScript函数

Question

This is my first question, and I would appreciate you answering soon.

I would like code to repeat a function continuously... I have tried some code but it hasn't worked.

I tried this code:

<script type="text/javascript">
$(function() 
{
$('#more').load('exp1.php'); // SERIOUSLY!
});
</script>

I want to repeat this function after some interval. I have tried setInterval() and setTimeout()

But, I haven't received results.

Answer 1

This will repeat the task until you clear the interval (with clearTimeout(repater))

var repeater;

function doWork() {
 $('#more').load('exp1.php');
 repeater = setTimeout(doWork, 1000);
}

doWork();

Per OP's original condition:

I want code that repeat function continuously...

Answer 2

you can do this like

var myFunction = function() {
    $('#more').load('bla.php'); 
};

var timer =  setInterval(myFunction, 1000); // call every 1000 milliseconds

or

var timer = setTimeout(myFunction, 1000); // call every 1000 milliseconds

clearTimeout(timer); //To stop the function from being called forever

as @Christofer Eliasson For an Ajax-request, you would probably want to use a timeout instead of an interval , an start the timeout again in the callback, to make sure that you don't stack calls if the server is taking more than 1 second to respond

Good Read

1. MDN:window.setTimeout
2. MDN:window.setInterval

Answer 3

For an Ajax-request I would use a timeout instead of an interval, and start the timeout again in the callback of the ajax-request.

If you use an interval of say 1 second and your server takes more than one second to respond, you will start to stack calls with an interval, since the interval will call the function every second no matter what. With the timeout-in-callback approach instead, you wouldn't start the countdown until previous request has completed.

I'm using an IIFE to trigger the first call to the function. Then when the load has completed, I use a timeout to call the function again after one second:

(function loadContent(){
    $('#more').load('exp1.php', function () {
       setTimeout(loadContent, 1000);
    });   
})();

Answer 4

Just throwing it out there:

function doRequest() {
$.ajax({
  url: 'exp1.php',
  timeout: 1000,
  success: function(data) {
    $('#more').html(data);
    doRequest();
  }
});
}

Answer 5

How about some good ol' fashion recursion?

function getStuff() {
    $('#more').load('exp1.php', function() {
        getStuff();
    });
}

getStuff();​

Demo:
http://jsfiddle.net/Zn2rh/1/