Question

javascriptの初心者です。

現在、jQueryのmagnificPopupを使って、ボタンを押すとポップアップする仕組みを使用しています。
こちらを、サイトを訪れて５秒立つとポップアップするに変更したいです。

function magnificPopup(){

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


    $('.popup-with-form').magnificPopup({
        type: 'inline',
        preloader: false,
        focus: '#name',
        callbacks: {
            beforeOpen: function() {
                if($(window).width() < 700) {
                    this.st.focus = false;
                } else {
                    this.st.focus = '#name';
                }
            }
        }
    });
}

こちらの記述を変更すれば良いでしょうか。
よろしくお願い申し上げます。