Question

我想每5秒重新加载div。为此，我在网上发现了一个有效的脚本。唯一的问题是文件的第一次加载是在5秒之后，但我希望第一次加载是立即的。它可能是一件小事，但我之前从未使用过Javascript。谢谢！

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    function autoRefresh_div() {
        $("#div").load("load.html");
    }
    setInterval('autoRefresh_div()', 5000);
</script>

Answer 1

您需要设置间隔计时器，然后直接调用该功能。试试这个：

function autoRefresh_div() {
    $("#div").load("load.html");
}
setInterval(autoRefresh_div, 5000); // every 5 seconds
autoRefresh_div(); // on load

另请注意，最好使用setTimeout()链接请求，而不是排队。这是因为如果服务器变慢，或者在请求中陷入困境，您将不会继续将它们打包，因为下一个请求仅在前一个请求完成后触发。试试这个：

function autoRefresh_div() {
    $("#div").load("load.html", function() {
        setTimeout(autoRefresh_div, 5000);
    });
}

autoRefresh_div();

Answer 2

立即调用表达式

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    function autoRefresh_div() {
        $("#div").load("load.html");
    }
    autoRefresh_div();
    setInterval(autoRefresh_div(), 5000);
</script>

立即通过AJAX重新加载div，然后每5秒重新加载一次div

2 个答案: