settimeout - Close popup after a time -

settimeout - Close popup after a time -

i utilize code show popup automatically , want know how close automatically after 5 seconds.

$(document).ready(function() { var id = '#dialog'; //get screen height , width var maskheight = $(document).height(); var maskwidth = $(window).width(); //set heigth , width mask fill whole screen $('#mask').css({'width':maskwidth,'height':maskheight}); //transition effect $('#mask').fadein(500); $('#mask').fadeto("slow",0.9); //get window height , width var winh = $(window).height(); var winw = $(window).width(); //set popup window center $(id).css('top', winh/2-$(id).height()/2); $(id).css('left', winw/2-$(id).width()/2); //transition effect $(id).fadein(2000); //if close button clicked $('.window .close').click(function (e) { //cancel link behavior e.preventdefault(); $('#mask').hide(); $('.window').hide(); }); //if mask clicked $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); });

modifying illustration mozilla's developer page on windowtimers.settimeout(), phone call function within existing document.ready function:

delayedalertclose();

add these functions outside document.ready function:

function delayedalertclose() { timeoutid = window.settimeout(popupclose, 5000); } function popupclose() { $('#mask').hide(); $('.window').hide(); }

settimeout