javascript - setInterval 的函数不会在页面加载时立即启动

Question

我有这段代码，可以按给定的时间间隔连续访问 url：

window.setInterval(function(){

    var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) {

        var valr5 = JSON.parse(this.responseText);

        document.getElementById("wind").innerHTML = valr5.wind;

        }

    };

        xmlhttp.open("GET", "sample.com/", true);

        xmlhttp.send();

    }, 30000);}

我的问题是脚本将在代码中设置的 30 秒后运行。所以页面空白了 30 秒。

我想要发生的是在页面加载时，脚本将运行，这样我就不会看到空白页面，然后每隔 30 秒左右访问一次 URL。

我怎样才能做到这一点？谢谢。

Answer 1

首先将函数保存在变量中，调用该函数，然后用它调用setInterval：const updateWind = () => {  var xmlhttp = new XMLHttpRequest();  xmlhttp.onreadystatechange = function() {    if (this.readyState == 4 && this.status == 200) {      var valr5 = JSON.parse(this.responseText);      document.getElementById("wind").innerHTML = valr5.wind;    }  };  xmlhttp.open("GET", "sample.com/", true);  xmlhttp.send();};updateWind();window.setInterval(updateWind, 30000);