使用setTimeout在自身内部调用函数

Question

$(document).ready ( 

    function ready() {
        var tester = $.ajax({
                async: false,
                url: "test_parse.php"
            }).responseText;
        document.getElementById('test').innerHTML = tester;
        setTimeout(ready(), 3000); 
   }

);

嘿伙计我想在这个内部调用一个函数但是每次我这样做时我的浏览器只是继续加载并最终Apache关闭(显然不是我预期的结果).认为你们可以帮我找出解决方案吗？谢谢!

Answer 1

setTimeout采用函数引用:

setTimeout(ready, 3000); 

不

setTimeout(ready(), 3000); 

话虽如此,我也会这样做:

$(document).ready ( 

    function ready() {
        var tester = $.ajax({
                url: "test_parse.php",
                success: function (data) {
                    document.getElementById('test').innerHTML = data;
                    setTimeout(ready, 3000); 
                }
            })
   }

);

因为async: false将锁定浏览器,直到数据从服务器返回

Answer 2

这是错的:

setTimeout(ready(), 3000); 

这是正确的:

setTimeout(ready, 3000); 

ready()实际上正在调用该函数.ready只是对函数的引用,这就是你想要的.