javascript - 在 HTML 中显示随着 txt 文件中的值而变化的 div 元素

Question

我们正在尝试在 html 中创建一个网站，如果本地文本文件中的值更改为例如 1，则显示警报。如果值更改为 0，我们希望不显示警报。我们已设法从文件中读取，并使用 php 使其显示警报。但是我们不能在不刷新页面的情况下更新它，如果值发生变化也不关闭警报。

我们有 javascript 代码从我们的文本文件中读取，并在不刷新页面的情况下更新，但现在它只是打印文件中的值。我们希望它根据文件中的值显示或隐藏 div。

    window.onload = function() {
      var reader = new XMLHttpRequest() || new ActiveXObject('MSXML2.XMLHTTP');
    
      function loadFile() {
        reader.open('get', 'value.txt', true);
        reader.onload = displayContents;
        reader.send(null);
      }
    
      function displayContents() {
        if (reader.readyState == 4) {
          var el = document.getElementById('main');
          el.innerHTML += reader.responseText + "<br>";
          outputData();
        }

      }

      function outputData() {
        var refresh = 2000;
        update = setTimeout(loadFile, refresh);
      }

      loadFile()
    }

标签： javascripthtml