Создал всплывающее окно и хотите добавить временную задержку и хотели бы загрузить его, но не через тег onload/body?

#css

Вопрос:

Создал всплывающее окно и хотите загрузить его, но не через тег onload/body, и хотели бы добавить временную задержку? Таким образом, он самодостаточен, и я могу просто использовать его на разных страницах с разными предложениями. Просто вне моего диапазона модификаций…

 
<!-- START POP-UP Window code -->
    <link rel="stylesheet" type="text/css" href="http://phoenixim.com/popup/popup-window.css" />
    <script type="text/javascript" src="http://phoenixim.com/popup/jquery/jquery.js"></script>
    <script type="text/javascript" src="http://phoenixim.com/popup/popup-window.js"></script>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Robotoamp;display=swap" rel="stylesheet">
<!-- END POP-UP Window code -->




    <body onload="popup_window_show('#popup_window_id_Anthony', { pos : 'window-center', parent : this, x : 0, y : 0, width : 'auto' }); return false;">

<!-- POPUP WINDOW START -->
    <div id="popup_window_id_Anthony" class="popup_window_css">
    <table class="popup_window_css"><tr><td class="popup_window_css">
    <div class="popup_window_css_head">
    <img src="images/close.gif" alt="" width="9" height="9" />amp;nbsp;</div>
<!-- START BODY SECTION -->
    <div class="popup_window_css_body" style="background-image: url(images/steak.jpg);"><!-- Pop-up image must be Width:300px height:400px --><!-- To change background change link in style="background-image -->
    <div style="padding: 10px 20px 0px 20px;"><!-- Padding is set by Top/Left/Bottom/Right -->


    <a href="https://www.anthonys.com/events-at-anthonys/"><h2>Easter Brunch</h2>
    <p>Seatings from 10am to 4pm</p></a>

    <a href="https://www.anthonys.com/events-at-anthonys/"><h2>Live Music Schedule</h2>
    <p>Live Music for you Dining Pleasure</p></a>

    <a href="https://www.anthonys.com/events-at-anthonys/"><h2>Family Dinner Night</h2>
    <p>Family Style Favorites</p></a>

    <a href="https://www.anthonys.com/events-at-anthonys/"><h2>Happy Hour</h2>
    <p>Half Price Apps amp; Drink Specials</p></a>

    <a href="https://www.anthonys.com/events-at-anthonys/"><h2>Title</h2>
    <p>There is a theory which states that</p></a>

    <button style="background-color: #4CAF50;"><a href="https://www.anthonys.com/events-at-anthonys/">Click For More</a></button><!-- You can change button color / link / text of button -->


    </div>
    </div>
<!-- END BODY SECTION -->
    <div class="popup_window_css_foot">
    </div></td></tr></table></div>
<!-- POPUP WINDOW END -->