Question

The following code displays a notification bar / tool tip on top of a webpage. It is set to display the bar about every minute. However it repeats the display right after the hide.
We only want to display the notification bar every minute. It seems like it works fine if I am using the page but whenever I step outside of the page it behaves weirdly.

<script type="text/javascript" >
    $('#notification_hdr').hide();
    setInterval(function () {
        displayNotificationBar();
    }, 72000);

    function displayNotificationBar() {
        $('#notification_hdr').fadeIn(2000).delay(12000).hide(2000);
    }

    $('#close_btn').click(function () {
        $('#notification_hdr').hide(2000)
    });
 </script>

Answer 1

$('#notification_hdr').hide();
var T = setInterval(displayNotificationBar, 72000);

function displayNotificationBar(){
    $('#notification_hdr').fadeIn(2000, function() {
        $(this).delay(10000).hide(2000);    
    });
}

$('#close_btn').click(function() { 
    clearInterval(T);
    $('#notification_hdr').stop(true, true).hide(2000);
});

Chaining should work, but this should most definitely work, if it doesn’t I would think your problem lies other places.