Is there a way to display a pop-up after a set time?

[SlyOne]

Hi all,

I'm looking to implement a small popup on my site, but it'll only show after a certain set time & then automatically fade after a set time.

Is there a way to achieve this? Looking for a javascript or jquery solution (primarily looking to solve the timer part).

thanks

[devnull69]

Do you have code for your popup already (like a DIV with some styling)?

Let's assume you have a DIV with ID "popup" and style="display: none;". Then you need two functions. The following code uses jQuery

var certainTimeInSec = 5;

function showPopup() {
   $('#popup').fadeIn(1000);
   window.setTimeout(hidePopup, certainTimeInSec * 1000);
}

function hidePopup() {
   $('#popup').fadeOut(1000);
}

$(function() {
   window.setTimeout(showPopup, certainTimeInSec * 1000);
});

[SlyOne]

hi Devnull,

no, i don't have the styling yet, that won't be a problem. it was more a case if there were a simple light weight solution without too much development resource... and there is, thanks to you!

i'll give your code a whirl, looks like it should do the trick.


thanks again