Question

我试图创建一个页面，其中请求的页面在设定的间隔后刷新。

我抓住了一些使用按钮的w3schools的基本代码。但是，我希望脚本在不使用按钮的情况下加载和显示内容，并在设置的间隔后刷新。

我不想使用Jquery而是使用AJAX。

按下按钮后，这会将内容加载到div中的页面上，但是不希望在5秒后点击按钮并刷新。

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","content.php",true);
xmlhttp.send();
}

</script>
</head>
<body>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">Request data</button>

Answer 1

setInterval(function(){loadXMLDoc();},5000);

或
因为你只需要调用一个方法而不必调用任何参数，所以使用第二个

setInterval(loadXMLDoc,5000);//preffered

<强>更新： -

<script> setInterval(loadXMLDoc,5000);//preffered </script>

Answer 2

setInterval(function(){
    "content you want to refresh"
},5000);

无需点击按钮即可每秒加载内容

2 个答案: