使用 setInterval() 获取 API 个问题

Fetch API problems with setInterval()

我想每 2 秒使用 setInterval () 来运行这个 JS Fetch 脚本，因为我的服务器内容经常更改 art.txt。我什么都做不了。感谢您的帮助。

<!DOCTYPE html>
<html>
  <body>
    <p id="kdkz"></p>
    <script>
      let file = 'art.txt';

      fetch(file)
        .then((x) => x.text())
        .then((y) => (document.getElementById('kdkz').innerHTML = y));
      setInterval(fetch(), 2000);
    </script>
  </body>
</html>

您应该将提取包装到一个函数中。

<!DOCTYPE html>
<html>
  <body>
    <p id="kdkz"></p>
    <script>
      let file = 'art.txt';

      const handleFetch = () => {
        fetch(file)
          .then((x) => x.text())
          .then((y) => (document.getElementById('kdkz').innerHTML = y));
      };

      setInterval(() => handleFetch(), 2000);
    </script>
  </body>
</html>