This is an example of jQuery overlay dialog box with delayed opening. The delay is set at 5 seconds which can be altered easily. The dialog box opens atop a red overlay background, all of which can be changed in the code that appears at the bottom. You can also set the dialog box to open or not to open by clicking anywhere on the webpage.
To see the overlay effect again, simply refresh this page.
This dialog box opens automatically when the page loads. There is no need for a trigger element.
To close, click the Close button or hit the ESC key.