javascript - jQuery Set wait time before a function executes - Stack Overflow

How can i set wait time for this function.

function UpdateMedicaitonHistory(data) {
     MedicaitonHistoryGrid();
//set a wait time to finish MedicaitonHistoryGrid() like for 3 seconds
// then execute the below code.
if ($("#MedHistoryGridSec").is(":visible")) {
            alert("yes we have grid");
      }
else{
     alert("No Grid");
    }
}

How can i set wait time for this function.

function UpdateMedicaitonHistory(data) {
     MedicaitonHistoryGrid();
//set a wait time to finish MedicaitonHistoryGrid() like for 3 seconds
// then execute the below code.
if ($("#MedHistoryGridSec").is(":visible")) {
            alert("yes we have grid");
      }
else{
     alert("No Grid");
    }
}

• javascript
• jquery
• time-wait

Share Follow asked Apr 25, 2012 at 17:30 HaBoHaBo 14.3k3939 gold badges118118 silver badges214214 bronze badges 2

• 1 Shouldn't you rather add a callback to MedicationHistoryGrid() that would execute when it has finished, instead of trying to guess when it's ready? – JJJ Commented Apr 25, 2012 at 17:32
• well it has a chain and dependencies which is not allowing me to do that way. That's why to keep it simple i choose this way. – HaBo Commented Apr 25, 2012 at 18:30

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 9

You can use setTimeout:

setTimeout(function()
{
     if($('#MedHistoryGridSec').is(':visible'))
         alert('yes');
     else
         alert('no');
}, 3000);

You could wrap up the code in a callback function and run it after three seconds using window.setTimeout:

var afterThreeSeconds = function() {
  if ($("#MedHistoryGridSec").is(":visible")) {
    alert("yes we have grid");
  }
  else{
    alert("No Grid");
  }
}

window.setTimeout(afterThreeSeconds, 3000);

Can you add a parameter to the medication history grid function taking a function containing the code you want executed after that function succeeds which you can then call at the end of the medication history grid function?