How to execute a function in js while the layer is visible?

Question

JavaScript

There is a code:

if ($('#aa_plugins_tabmsgBox').is(':visible') == true) {
      if( $('#navbar').offset().top < 0 ) {
        headfix();
      }
    }

I need to optimize it to be something like
while ($('#aa_plugins_tabmsgBox').is(':visible') == true) do

Is this possible?

Answer 1

First $('#aa_plugins_tabmsgBox').is(':visible') returns either true or false, why compare it again? Secondly, you have some kind of script that makes it visible / invisible, hang a trigger there and subscribe to it where necessary in order to respond to a state change.

Answer 2

synchronously:

var aptB = $('#aa_plugins_tabmsgBox');
while(aptB.is(':visible')){
   //do
}

asynchronously:

var aptB = $('#aa_plugins_tabmsgBox');
setInterval(function(){
   if(aptB.is(':visible'))  //do
}, 1);