Javascript 页面打开后启动弹出窗口（使用放大弹出窗口）

我试图有一个关于该网站的网页弹出一旦网站是第一次启动。我正在使用放大弹出-模式弹出，很难想出如何做到这一点。弹出窗口工作正常，当网站启动时，用户单击“关于”按钮

我感谢你给予的任何帮助。谢谢，伙计们：

脚本：

$(function () {
    $('.popup-modal').magnificPopup({
      type: 'inline',
      preloader: false,
      focus: '#username',
      modal: true
    });
    $(document).on('click', '.popup-modal-dismiss', function (e) {
      e.preventDefault();
      $.magnificPopup.close();
    });
});

html:

---

您也可以在初始化时使用.magnificpoup'open'直接打开弹出窗口

<div class="html-code">
      <a class="popup-modal" href="#test-modal">about</a>

      <div id="test-modal" class="mfp-hide white-popup-block">
        <p>Change the way you think about recipes. Text link interchanges with verbs and nouns of recipes.</p>
        <p><a class="popup-modal-dismiss" href="#">Close</a></p>
      </div>

.popup-modal{
    text-decoration: none;
    font-weight: bold;
    color:black;
    position:fixed;
    left:0;
    margin-left: 50px;
    bottom:0;
    margin-bottom: 25px;
}

#test-modal{
    background-color: white;
    padding: 30px 40px;
    text-align:left;
    max-width: 650px;
    margin:40px auto;
    position:relative;

    font-size: 15pt;
    line-height: 25pt;
}

.popup-modal-dismiss{
    text-align: right;
    font-size: 10pt;
    text-decoration: none;
}

$(function () {
    $('.popup-modal').magnificPopup({
      type: 'inline',
      preloader: false,
      focus: '#username',
      modal: true
    }).magnificPopup('open');

    $(document).on('click', '.popup-modal-dismiss', function (e) {
      e.preventDefault();
      $.magnificPopup.close();
    });
});