尝试使用灯箱创建延迟弹出窗口

Question

I'm trying to create a lightbox with Jquery that will open an email collection pop-up to sign up for a newsletter. I think I understand how to make it work if someone clicks on a link but I don't want the visitor to have to click a link, I want it to pop up automatically after say a 5 second delay when the visitor lands on the page as seems common on many pages. This is a non CMS page. Can someone tell me the simplest way to go about this?

Answer 1

You can use setTimout() for that :

setTimeout(function(){
   //This code will run in 5 seconds
}, 5000);

Here's a fiddle with an alert to demonstrate.

Answer 2

So to do this add this code:

setTimeout(function(){ popupFunction(); }, 5000);

to your jquery window ready event:

$(document).ready(function() {
   //add code here
   setTimeout(function(){ popupFunction(); }, 5000);
});

And then create a function that makes your popup work:

function popupFunction(){ 
  //code here that works the popup
}