Search jQuery

jQuery Forum

Getting Started

bundy

using jQuery to sequence js functions

in Getting Started • 11 years ago

If I can get this one right, i'll be off the board for a while... hopefully!

How to use jQuery to sequence javascript functions? At the moment, I'm doing

fnAll() {

fn1(); // which takes, say, 4 secs to run

setTimeout('fn2()', 5000); // takes another 5 seconds, so

setTimeout('fn3()', 11000); // etc

}

which is ok, but may mess up on slow browsers.

If it's jQuery snippets, then I can do nested callbacks ok.

Maybe queue() might be the answer, but the examples all use jquery snippets. What I want is something like

fn1(); delay(1000).fn2();delay(1000).fn3()...

Can anyone point me in the right direction?

cheers again

Replies(5)

Kevin B

Re: using jQuery to sequence js functions

11 years ago

Try something like this:

$("<div></div>").queue(function(next){
fn1();
next();
}).delay(1000).queue(function(next){
fn2();
next();
}).delay(1000).queue(function(next){
fn3();
next();
});

it may or may not work depending on what fn1 fn2 and fn3 actually do.

-- Kevin

bundy

Re: using jQuery to sequence js functions

11 years ago

I'll read up on next(). Thanks, I can play around with that. Some of the functions are jQuery, some not, all have variables. Six in a sequence, four sequences to a switch function, six switch functions... see you later.

cheers

bundy

Re: using jQuery to sequence js functions

11 years ago

Later.

That works fine! At least, it does with three functions each js with variables.

Had to change some " to ' round the link.

On further play:

queuing works, but delay has to be built into the function itself.

Thanks again

creativec..

Re: using jQuery to sequence js functions

10 years ago

With the jquery-timing plugin you can have this much simpler:

$.now(fn1).wait(1000).now(fn2).wait(1000).now(fn3);

That's all.

You can even schedule the whole stuff in the same easy way.

To run these three functions every minute just write:

$.repeat(60000,true).now(fn1).wait(1000).now(fn2).wait(1000).now(fn3);

If you then want to stop the loop, just use:

$.repeat(60000,true,'mySchedule').now(fn1).wait(1000).now(fn2).wait(1000).now(fn3);
...
$.unrepeat('mySchedule');

Check out the documentation for more details.

Have fun!

- creativecouple

bundy

Re: using jQuery to sequence js functions

10 years ago

many thanks!

bundy

Top Reply

Response title

Attachments

jQuery Forum

using jQuery to sequence js functions

Replies(5)

Re: using jQuery to sequence js functions

Re: using jQuery to sequence js functions

Re: using jQuery to sequence js functions

Re: using jQuery to sequence js functions

Re: using jQuery to sequence js functions

Statistics

Tags

Actions