<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` 函数即可。