Javascript оповещения, когда элемент виден

Question

у меня есть следующий код:

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... 
} 

какие-либо идеи о том, что может быть не так?

Answer 1

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); 

     // 
    }); 

См Demo

Надежда помогает

Answer 2

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

Это неправильно, удалить одиночные кавычки (')

setTimeout(checkVisibility,1000); 

Answer 3

Вы можете установить только setInterval где-то в вашем коде.

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