javascript - 如何阻止 Iframe 在 setInterval (JQuery) 之后不断重新加载

Question

只是一个js新手

如何防止页面在设置间隔后不断重新加载？

基本上，它需要检查外部 JSON 文件的值是否为 0/1，并显示和隐藏 Iframe src(它需要每 5 秒检查一次文件是否有更改)，仅在值更改时重新加载。

有没有办法在本地记录该值或缓存它？

function ScreenSwitch(){
$.getJSON(screenNumberUrl, (data) => {
  if(data.ScreenState == 0){
    $("#os-iframe").attr("src", "about:blank");
  } else {
    $("#os-iframe").attr("src", "OverallStandings.html");
  }
});
}
ScreenSwitch();
setInterval(ScreenSwitch, 5000);

Answer 1

您需要更改逻辑来存储先前检索到的值。然后您将知道下一个请求时值是否发生变化，以便更新 iframe 的 src。尝试这个:

function ScreenSwitch() {
  $.getJSON(screenNumberUrl, (data) => {
    if (previousScreenState != data.ScreenState) {
      $("#os-iframe").attr("src", data.ScreenState == 0 ? 'about:blank' : 'OverallStandings.html');
    }
    previousScreenState = data.ScreenState;
  });
}

var previousScreenState;
ScreenSwitch();
setInterval(ScreenSwitch, 5000);

上述逻辑假设 data.ScreenState 在运行时可以在 0 和 1 之间动态变化多次。如果它只能改变一次，那么这还可以变得更简单。