javascript - 如何在javascript中每隔几分钟开始和停止检查一个条件？

Question

我正在开发一个 JavaScript 应用程序，我必须这样做。

1. 每5秒检查一次页面是否包含带有标签的元素。

2. 一旦检测到标签，就启动我的视频跟踪功能。

3. 一旦检测到标签并且我的视频跟踪功能已启动，请勿每 5 秒再次检查页面是否包含带有标签的元素。

这是我的代码:

<script>
       setInterval(function() { 
        var myVideo = document.getElementsByTagName('video')[0];

        console.log(myVideo);
        if (myVideo !=  null)
          {
      myVideo.id = 'video-stream';
  var colors = new tracking.ColorTracker(['magenta', 'cyan', 'yellow']);

  colors.on('track', function(event) {
    if (event.data.length === 0) {
      // No colors were detected in this frame.
    } else {
      event.data.forEach(function(rect) {
        console.log(rect.x, rect.y, rect.height, rect.width, rect.color);
      });
    }
  });

  tracking.track("#video-stream", colors);
          }
         }, 5000);
  </script>

现在，即使检测到标签，它也会继续检查，那么一旦满足 if (myVideo != null) 条件并进入其中，我如何阻止它进行检查？

任何建议都将受到高度赞赏。

Answer 1

setInterval 函数返回一个值，然后您可以将其与 clearInterval 结合使用来停止间隔，因此在您的情况下:

var interval = setInterval(function() { 
    ...
    if (myVideo !==  null) {
        clearInterval(interval)
    }
    ...
}, 5000);

希望对您有所帮助。