Inserire un delay al submit del form

[blur]

Ciao,

Premetto che non sono molto esperto di javascript.
ho una pagina con un form. Al submit tramite un file esterno .js do la conferma.
Ho inserito una scritta dell'avvenuto successo, ma dura troppo poco. Vorrei quindi inserire un delay di qualche secondo.
il codice per la scritta:

 <button class="btn btn-info" name="btnAddProduct" type="button" id="btnAddProduct" onClick="modifyPage();">Modifica</button>
<center><div id="result"></div></center> 
<script>
$(document).ready(function(){
      $("#btnAddProduct").click( function() {
              $("#result").html('Modifica eseguita correttamente. Attendere...'); 
              $("#result").addClass("alert alert-success");
     });
      $("#updateunit").submit( function() {
          return false;   
      });
  });
  function clearInput() {
    $("#updateunit :input").each( function() {
      $(this).val('');
    });
}  




</script>

e la funzione esterna per il submit

function modifyPage(){
with (window.document.frmAddProduct) {
        
            submit() 
}
}

come posso fare?
grazie

[Vindav]

$("#btnAddProduct").click( function() {
              $("#result").html('Modifica eseguita correttamente. Attendere...'); 
              $("#result").addClass("alert alert-success");
              setTimeout(modifyPage, tempodiattesa);
     });

Il tempo di attesa deve essere in millisecondi, elimina l'onclick inline, non serve.