javascript中的setInterval函数在几秒钟后停止执行

Question

我正在使用 setInterval 连续向节点服务器发送 GET 请求，以根据 playerState 同步 2 个 youtube 嵌入播放器。 useEffect hook 用于在 mount 时调用 setInterval 函数。这个 setInterval 调用 controlPlayer 函数。我使用 console.log 来测试代码。 controlPlayer 函数执行几秒钟console image 并停止执行

const controlPlayer = async () => {
    try {
      const { data } = await axios.get('/api/getplayerstate');
      const res = data.playerState;
      if(res == 1) {
        player.playVideo();
        console.log(res);
      }
      else if(res == 2) {
        player.pauseVideo();
        console.log(res);
      }
    } catch(error) {
      console.log(error);
    }
  }

  useEffect(() => {
    setInterval(controlPlayer, 1000);
  }, []);

我看到了很多问题，但我不知道问题是什么。这可以解决还是有任何替代逻辑？

Answer 1

setInterval 可能不会停止，但res 具有您尚未涵盖的值。
您还应该实现else，否则res 的其他值不会被您的console.log() 调用覆盖：

      if(res == 1) {
        player.playVideo();
        console.log(res);
      }
      else if(res == 2) {
        player.pauseVideo();
        console.log(res);
      }
      else {
        console.log(res);
      }

但是为什么要让console.log 输出有条件呢？

      console.log(res);

      if(res == 1) {
        player.playVideo();
      }
      else if(res == 2) {
        player.pauseVideo();
      }

正如您可能想象的那样，这也是 switch 语句的一个很好的用例。