Show popup after page load

Question

I created a jQuery popup by following an online tutorial  I want to show this popup after page load after page load it appears   how to code it as like it appears after 5 second of page load  Due to my low knowledge on jQuery I am not able to make it work as of my requirements  Any idea how to do it   x000D   x000D  function PopUp        document getElementById  ac-wrapper   style display  none      x000D   ac-wrapper       position  fixed      top  0      left  0      width  100       height  100       background  rgba 255 255 255  6       z-index  1001      popup       width  555px      height  375px      background   FFFFFF      border  5px solid  000      border-radius  25px      -moz-border-radius  25px      -webkit-border-radius  25px      box-shadow   64686e 0px 0px 3px 3px      -moz-box-shadow   64686e 0px 0px 3px 3px      -webkit-box-shadow   64686e 0px 0px 3px 3px      position  relative      top  150px  left  375px    x000D   lt div id  ac-wrapper  gt       lt div id  popup  gt           lt center gt               lt h2 gt Popup Content Here lt  h2 gt               lt input type  submit  name  submit  value  Submit  onClick  PopUp      gt           lt  center gt       lt  div gt   lt  div gt    lt p gt Page Content Here       lt  p gt  x000D   x000D   x000D

User · Answer

lt script type  text javascript  gt    jQuery document  ready function             setTimeout PopUp   5000      invoke Popup function after 5 seconds            lt  script gt

User · Answer

You can also do this much easier with a plugin called jQuery-confirm  All you have to do is add the script tag and the style sheet they provide in your page    lt link rel  stylesheet   href  https   cdnjs cloudflare com ajax libs jquery- confirm 3 3 0 jquery-confirm min css  gt   lt script src  https   cdnjs cloudflare com ajax libs jquery- confirm 3 3 0 jquery-confirm min js  gt  lt  script gt    And then an example of calling the alert box is        lt script gt            alert       title   Alert        content   Simple alert

User · Answer

When the DOM is finished loading you can add your code in the   document  ready   function   Remove the onclick from here    lt input type  submit  name  submit  value  Submit  onClick  PopUp      gt    Try this     document  ready function       setTimeout function          PopUp         5000      5000 to load it after 5 seconds from page load

User · Answer

Use this below code to display pop-up box on page load     document  ready function        var id     dialog     var maskHeight     document  height      var maskWidth     window  width          mask   css   width  maskWidth  height  maskHeight           mask   fadeIn 500          mask   fadeTo  slow  0 9            var winH     window  height      var winW     window  width              id  css  top    winH 2-  id  height   2       id  css  left   winW 2-  id  width   2          id  fadeIn 2000              window  close   click function  e      e preventDefault          mask   hide          window   hide                        mask   click function          this  hide          window   hide                  lt div class  maintext  gt   lt h2 gt  Main text goes here    lt  h2 gt   lt  div gt   lt div id  boxes  gt   lt div style  top  50   left  50   display  none   id  dialog  class  window  gt    lt div id  san  gt   lt a href     class  close agree  gt  lt img src  close-icon png  width  25  style  float right  margin-right  -25px  margin-top  -20px   gt  lt  a gt   lt img src  san-web-corner png  width  450  gt   lt  div gt   lt  div gt   lt div style  width  2478px  font-size  32pt  color white  height  1202px  display  none  opacity  0 4   id  mask  gt  lt  div gt   lt  div gt   lt script src  http   ajax googleapis com ajax libs jquery 1 11 1 jquery js  gt  lt  script gt     I refereed this code from here Demo

User · Answer

If you don t want to use jquery  use this   lt script gt      without jquery document addEventListener  quot DOMContentLoaded quot   function      setTimeout function          run your open popup function after 5 sec   5000   PopUp        5000       lt  script gt   OR With jquery  lt script gt      document  ready function       setTimeout function          open popup after 5 seconds    PopUp        5000           lt  script gt

User · Answer

try something like this   lt script type  text javascript  gt  function PopUp hideOrshow        if  hideOrshow     hide   document getElementById  ac-wrapper   style display    none       else document getElementById  ac-wrapper   removeAttribute  style      window onload   function          setTimeout function              PopUp  show           5000      lt  script gt    and your html   lt div id  ac-wrapper  style  display none  gt       lt div id  popup  gt           lt center gt                lt h2 gt Popup Content Here lt  h2 gt                   lt input type  submit  name  submit  value  Submit  onClick  PopUp  hide      gt           lt  center gt       lt  div gt   lt  div gt    Demo JsFiddle

User · Answer

lt script type  text javascript  gt            window  on  load  function                setTimeout function    alert     show popup       5000                     lt  script gt

[javascript] Show popup after page load

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to css

[javascript] Show popup after page load

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to css

Examples related to popup