<button onclick="loadOutput()">加载NTP服务器状态</button> <pre id = "ntpq"></pre> <script> function loadOutput(){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function(){ if(this.readyState == 4 && this.status == 200){ var ntpqTable = document.getElementById("ntpq"); ntpq.innerHTML = this.responseText; } }; xhttp.open("GET","ntp.php",true); xhttp.send(); } 修改代码 只有在点击按钮时 才显示php的返回值 且每隔1秒更新以下数据

<button onclick="loadOutput()">加载NTP服务器状态</button>
<pre id="ntpq"></pre>
<script>
function loadOutput() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var ntpqTable = document.getElementById("ntpq");
ntpqTable.innerHTML = this.responseText;
}
};
xhttp.open("GET", "ntp.php", true);
xhttp.send();
}
setInterval(loadOutput, 1000);
</script>

这段代码使用了 `setInterval` 函数，每隔 1 秒钟就会执行一次 `loadOutput` 函数，以更新数据。同时，将 `ntpq` 变量修改为 `ntpqTable`，以避免命名冲突。

相关问题

<button onclick="loadOutput()">加载NTP服务器状态</button> <pre id = "ntpq"></pre> <script> function loadOutput(){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function(){ if(this.readyState == 4 && this.status == 200){ var ntpqTable = document.getElementById("ntpq"); ntpq.innerHTML = this.responseText; } }; xhttp.open("GET","ntp.php",true); xhttp.send(); } 添加功能 点击按钮后 隔一秒获取php的返回值

好的，我可以帮您添加这个功能。您可以尝试以下代码：

<button onclick="loadOutput()">加载NTP服务器状态</button>
<pre id="ntpq"></pre>

<script>
function loadOutput() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            var ntpqTable = document.getElementById("ntpq");
            ntpqTable.innerHTML = this.responseText;
        }
    };
    xhttp.open("GET", "ntp.php", true);
    xhttp.send();
}

setInterval(loadOutput, 1000); //每隔1秒调用一次loadOutput函数
</script>

这样，您点击按钮后，每隔1秒就会自动获取一次php的返回值并更新到页面上。

<button onclick="loadOutput()">加载NTP服务器状态</button> <pre id="ntpq"></pre> <script> function loadOutput() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var ntpqTable = document.getElementById("ntpq"); ntpqTable.innerHTML = this.responseText; } }; xhttp.open("GET", "ntp.php", true); xhttp.send(); } setInterval(loadOutput, 1000); </script> 修改代码 只有在点击按钮时才显示php的返回值

<button onclick="loadOutput()">加载NTP服务器状态</button>
<pre id="ntpq"></pre>
<script>
function loadOutput() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var ntpqTable = document.getElementById("ntpq");
ntpqTable.innerHTML = this.responseText;
}
};
xhttp.open("GET", "ntp.php", true);
xhttp.send();
}
var intervalId;
function startInterval() {
intervalId = setInterval(loadOutput, 1000);
}
function stopInterval() {
clearInterval(intervalId);
}
</script>

这段代码添加了两个新的函数 `startInterval` 和 `stopInterval`，用于控制定时器的启停。在 HTML 中，按钮的点击事件改为调用 `startInterval` 函数，即只有在点击按钮时才启动定时器。同时，将定时器的 ID 存储在全局变量 `intervalId` 中，方便后续的停止操作。需要停止定时器时，调用 `stopInterval` 函数即可。