Delay popup loading after click

Question

All I need it to do is delay the popup from "popping" for a few seconds after clicking a button. Is there anything wrong with this code?

 $(document).ready(function() { $('#element-167 a').on("click", function() { $('.modal-dialog').delay(5000).fadeIn(); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Answer 1

Try using setTimeout

$(document).ready(function() {
  $('#selected').on("click", function() {
      setTimeout(()=>{alert("Message here")},5000)
  });
});

<p id="selected">This is second paragraph.</p>

Answer 2

Try to remove the "on" and just the element.click for instance:

 $('#element-167 a').click (function() {})