Question

我想运行以下代码并每隔 2 秒检查一次 if 语句；查看是否已更新任何值。因此，将下面的内容围绕在2000的定时无限循环中吗？

    if (value1 > 0 ) { 
        document.getElementById('field_52_116').style.display = "none";

      } else if (value1 == 0 ) { 
//       document.getElementById('rate').style.display = "none";
//       document.getElementById('pay-plans').style.display = "none";
      }
    if (value2 > 0 ) { 
        document.getElementById('field_52_116').style.display = "none";

    } else if (value2 == 0 ) { 
//       document.getElementById('rate').style.display = "none";
//       document.getElementById('pay-plans').style.display = "none";
    }
    if (value3 > 0 ) { 
        document.getElementById('field_52_116').style.display = "none";

      } else if (value3 == 0 ) { 
//       document.getElementById('rate').style.display = "none";
//       document.getElementById('pay-plans').style.display = "none";
      }
    if (value1 && value2 && value3 == 0 ) { 
        document.getElementById('field_52_116').style.display = "block";
        document.getElementById('rate').style.display = "none";
        document.getElementById('pay-plans').style.display = "none";
    }

Answer 1

您可以将检查包装到函数中，并每2秒使用setInterval运行该函数：

function update() {
  var value1 = Math.floor(Math.random() * 2),
    value2 = Math.floor(Math.random() * 2),
    value3 = Math.floor(Math.random() * 2);
  document.getElementById("values").innerHTML = `Value1: ${value1}, Value2: ${value2}, Value3: ${value3}`;

  if (value1 > 0) {
    document.getElementById('field_52_116').style.display = "none";
  } else if (value1 == 0) {
    document.getElementById('field_52_116').style.display = "block";
    document.getElementById('field_52_116').style.color = "green";
  }
  if (value2 > 0) {
    document.getElementById('field_52_116').style.display = "none";
  } else if (value2 == 0) {
    document.getElementById('field_52_116').style.display = "block";
    document.getElementById('field_52_116').style.color = "red";
  }
  if (value3 > 0) {
    document.getElementById('field_52_116').style.display = "none";
  } else if (value3 == 0) {
    document.getElementById('field_52_116').style.display = "block";
    document.getElementById('field_52_116').style.color = "blue";
  }
  if (value1 && value2 && value3 == 0) {
    document.getElementById('field_52_116').style.display = "block";
    document.getElementById('rate').style.display = "none";
    document.getElementById('pay-plans').style.display = "none";
  }
}

setInterval(update, 2000);

div {
  height: 50px;
  border: 1px solid black;
  margin: 5px;
  padding: 2px;
}

<p id="values"></p>
<div id="field_52_116">Field 52 116</div>
<div id="rate">Rate</div>
<div id="pay-plans">Pay plans</div>

迭代，检查一些表格值（如果每2秒更新一次）

1 个答案: