Jquery 元素可见时的javascript警报

我有以下代码：

var blink1 = function() {
    $('.leftArrowMask').hide();
    setTimeout(blink2, 5000);
};
var blink2 = function() {
    $('.leftArrowMask').show();
    setTimeout(blink1, 1000);
};
$(document).ready(function() {
    setTimeout(blink1, 1000);
});

这基本上显示一个div 1秒，然后隐藏它5秒

我希望在每次div可见时显示警报

我尝试了以下方法，但似乎不起作用：

function checkVisibility(){
  if ($('.leftArrowMask').is (':visible') && $('.leftArrowMask').parents (':hidden').length == 0)
  alert ("Visible!");
   setTimeout('checkVisibility',1000)//every 1 second...
}

对可能出现的问题有什么看法吗

setTimeout('checkVisibility',1000)//every 1 second...

这是错误的，请删除单引号（'）

---

您只能在代码中的某个地方设置setInterval

setInterval(function() {
    if ($('.leftArrowMask').is (':visible') && $('.leftArrowMask').parents (':hidden').length == 0) {
        alert ("Visible!");
    }
}, 1000);

看

---

希望有帮助

我已经删除了单引号，但仍然没有发出警报？我认为如果（$（'.leftArrowMask'）.is（':visible'）&（$（'.leftArrowMask'）。parents（':hidden'）。length==0））可能也是这样。您在哪里调用此

checkVisibility

方法？

setInterval(function() {
    if ($('.leftArrowMask').is (':visible') && $('.leftArrowMask').parents (':hidden').length == 0) {
        alert ("Visible!");
    }
}, 1000);

 var blink1 = function () {
        $('.leftArrowMask').hide();
        setTimeout(blink2, 5000);
    };
    var blink2 = function () {
        $('.leftArrowMask').show();
        setTimeout(blink1, 1000);
    };
    $(document).ready(function () {

        setInterval(function () {
            if ($('.leftArrowMask').is(':visible') && $('.leftArrowMask').parents(':hidden').length == 0) {
                alert("Visible!");
            }
            setTimeout(blink1, 1000);
        }, 1000);

        //
    });