jQuery pause function execution and do something else while paused

Question

I have something like this:

function doSomething() {
   var obj = $('somediv');

   ...

   waitAndDoSomethingElse(obj);

   ...

   $('somediv').show();
   ...
}


function waitAndDoSomethingElse(obj) {
   obj.fadeIn();
   ....
}

I want doSomething() to pause... execute waitAndDoSomethingElse() and then continue... Any ideas?

Thank you

EDIT:

I'll try to explain better, sorry if my question was confused...

function showSomething() {
   var whatToShow = $('#div');

   doSomethingElse();

   whatToShow.fadeIn('slow');
}


function doSomethingElse() {
   $('#someDiv').appendTo($('#someOtherDiv'));
   $('#somethingElse').fadeIn('slow');
   ...
}

In this example whatToShow.fadeIn will fire without waiting for doSomethingElse to end...

You should change your question to be more clear. We are having problems understanding exactly what you want. Maybe another example, or a test case. — Cristian Toma
– Cristian Toma, Commented Jul 30, 2009 at 15:11

redsquare · Accepted Answer · 2009-07-30 15:03:56Z

4

Use the animation callbacks. All the animations have them as the last arg. See here for the fadeIn docs.

 $('#someElement').fadeIn('slow', callbackFn);


   function callbackFn(){
       //executed after the fadeIn is complete
   }

If you are not using the animation helpers then you can use the same methodology and pass callback functions to other functions which can choose when to call the callback.

var callbackFn = function(){ //do something };

doSomething( callbackFn )

function doSomething( callback ){

    doOtherStuff();
    //call the callback
    callback && callback()

}

Another option is to use window.setTimeout to fire a function after x milliseconds.

edited Jul 30, 2009 at 15:03

answered Jul 30, 2009 at 14:58

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

noboruwatanabe Over a year ago

Yeah... i know about the callBack in the effects... I've put an effect just an example... what i need to do is the exact same thing but with generic functions...

redsquare Over a year ago

Really, a duff question, and not doing yourself any favours with your un-friendly comments / responses

Elzo Valugi · Accepted Answer · 2009-07-30 15:03:47Z

0

Do this

function doSomething() {
    var obj = $('somediv');
    ...
    waitAndDoSomethingElse(obj);
}


function waitAndDoSomethingElse(obj) {
    obj.fadeIn();
    // if you want a pause here you can also add the next call in a setTimeout()
    $('somediv').show(); // this call is executed only after
}

answered Jul 30, 2009 at 15:03

Elzo Valugi

28.1k17 gold badges97 silver badges115 bronze badges

9 Comments

Elzo Valugi Over a year ago

well I don't get the down votes... this solution is correct to his question. If somebody has better ones no problem, but a downvote means a wrong solution and should be explained. otherwise what is the point of helping?

redsquare Over a year ago

then pass callbacks around then you can choose when to call them...as per my answer

Elzo Valugi Over a year ago

$('somediv').show(); it will be executed last even if is in the waitAndDoSomethingElse function.

redsquare Over a year ago

but it will not wait for the fadeIn to complete. I think he wants that - but not sure:)

Elzo Valugi Over a year ago

if that .. is the callback... it wasn't even a question, just read the docs.

|

Collectives™ on Stack Overflow

jQuery pause function execution and do something else while paused

2 Answers 2

2 Comments

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related