Add timing of jquery

Question

I need help adding a 2-second delay to the load of the below;

<script>
$(document).ready(function() {
     $.magnificPopup.open({items: {src: '#my-form'},type: 'inline'}, 0);
});

</script>

Answer 1

This should work.

    <script>
       $(document).ready(function() {
         setTimeout(function(){ $.magnificPopup.open({items: {src: '#my-form'},type: 'inline'}, 0); }, 2000);
       });
    </script>

Answer 2

You can use the native setTimeout function in JavaScript and apply your function as a callback:

<script>
    $(document).ready(function () {
        setTimeout($.magnificPopup.open({items: {src: '#my-form'},type: 'inline'}, 0),2000);
    });
</script>