Delay a function in javascript

Question

I have this for a success function:

success: function(data){
        $('#pleaseWaitDialog').modal('hide');
          data = $.trim(data);
          if(data == 'true'){
            $('#myTab a[href="#intro"]').tab('show');
          }
          else{
            $("#alert").attr('class', 'alert alert-warning');
            $("#alert").html('Your Pass Phrase was incorrect! Please try again.');
          }
      }

How do I delay the $('#pleaseWaitDialog').modal('hide'); from happening for 1200 milliseconds.

I've tried:

$('#pleaseWaitDialog').modal('hide').delay(1200);

But it did nothing.

Answer 1

Please use setTimeout() to delay in JavaScript.

Answer 2

You can use the javascript setTimeout function. Like so..

setTimeout(function(){
    $('#pleaseWaitDialog').modal('hide')
},
1200);

This will do what you're asking. See here for more information.

Answer 3

use setTimeout like this:

setTimeout(function(){
    $('#pleaseWaitDialog').modal('hide')
},
1200);

Answer 4

put you code inside

setTimeout(function(){
      $('#pleaseWaitDialog').modal('hide');
  },1200);

Answer 5

You have to call .delay before calling .modal. See the example on jQuery API documentation page.

Answer 6

you can use

setTimeout() function with parameters function you wanna call and time of delay in milliseconds.

like

 var timeout = setTimeout(function(){
      //codes here.
  },1200);

and

use clearTimeout(timeout); to stop the timeout.