triggering a jQuery function n seconds after the tab/window is in view

Question

I am using jQuery to have a promotional window opening up -say- 5 seconds after a page is loaded. But the effect is lost for people who open the page in a new window or a new tab. When they get to my tab the window will already be open.

Is there a way to get this to fire when people actually start viewing my site?

I was thinking about catching a scroll or something, but people don't get started scrolling immediately and most won't scroll at all. Other than that I am out of ideas.

I am not sure if jQuery offers a solution here... javascript?

Thanks.

Answer 1

Would putting a div around everything work with an onmouseover event listener? I've never tried it, so I'm not sure whether that would fire or not, but it might be worth a shot.

Answer 2

the following should do the trick .. (jQuery)

<script type="text/javascript">
function initiatePopup(){
    $(window).unbind('blur');
    $(window).unbind('focus');
    // do the popup
};

$(document).ready(
             function(){
                        $(window).focus( initiatePopup ).blur( initiatePopup );
                        // your other functions should go from here on

                       }
                 );
</script>

[EDIT] on OP request..

code edited to make the example all inclusive

[EDIT 2]

The code above has been edited again because we need to handle the blur event as well.. so we take the code for the popup somewhere else in order to not duplicate it inside both events..

[EDIT 3]

if you want to pass parameters to the popup if they are created later on, then change the event binding line to

$(window).focus( function() { initiatePopup(params); } ).blur( function() { initiatePopup(params); );

and of course change the initiatePopup to accept parameters ..