javascript - 不断运行一个函数

Question

我正在使用优秀的 inView使用 setInterval 检查元素在视口(viewport)中是否可见的插件，但该函数仅在元素可见时运行一次，否则不运行(应运行 else 语句)。

var checkViewport = setInterval(function() {
    $('#colorbox').on('inview', function(event, visible) {
      if (visible) {
        console.log('YES');
      } else {
        console.log('NO');
      }
    });
}, 5000);

Answer 1

绑定(bind)一次事件，并检查一个单独的变量。试试这个:

var isVisible = false;

$('#colorbox').on('inview', function(event, visible) {
    isVisible = visible;
});

var checkViewport = setInterval(function() {
    if (isVisible) {
        console.log('YES');
    } else {
        console.log('NO');
    }
}, 5000);

您可以以不同的方式构造它，以确保 isVisible 不是全局变量，并且仍然可以通过 setInterval 访问。