jquery delay between javascript functions

Question

I have multiply functions with parameters simplified as:

    function f1(p1,p2){
        alert('Function one is P1:'+p1+' P2:'+p2);        
    }
    function f2(p1,p2){
        alert('Function two is P1:'+p1+' P2:'+p2);
    }

I need to fire these is a sequence with a delay between. I have however found that jQuery dislikes running functions with parameters. I have tried the .click function.

$.delay(1000).click(f1('One',false)).delay(1000).click(f2('One',false));

But the delay makes the click functions not work...

Agreed - no need for jQuery at all here. Not sure what the click connection is. — Mitya
– Mitya, Commented Aug 2, 2012 at 16:43
jQuery's queue method is relevant for performing actions on DOM nodes between animations and the like. — zzzzBov
– zzzzBov, Commented Aug 2, 2012 at 16:45
$.delay is not a valid method unless you're using a plugin that you haven't told us about. — zzzzBov
– zzzzBov, Commented Aug 2, 2012 at 16:45
I just don't understand how .click was a possible solution to this problem. — Ryan Kinal
– Ryan Kinal, Commented Aug 2, 2012 at 16:52
thanks for all the answers, my problem is however that I have 7 functions all needing to be executed with a delay, some of them a jquery some a normal and some are both... — Andreas Jarbol
– Andreas Jarbol, Commented Aug 2, 2012 at 18:15

Adam Rackis · Accepted Answer · 2012-08-02 16:42:51Z

9

I would just use a simple timeout:

f1("one", false);
setTimeout(function() { f2("one", false); }, 1000);

answered Aug 2, 2012 at 16:42

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

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

Comments

mpm · Accepted Answer · 2012-08-02 16:45:05Z

0

$.delay(1000).click(function(){f1('One',false);}).delay(1000).click(function(){f2('One',false);});

not sure what the click is for though ...

answered Aug 2, 2012 at 16:45

mpm

20.2k7 gold badges52 silver badges56 bronze badges

Comments

Krishna sagar · Accepted Answer · 2012-08-02 16:46:09Z

0

if you want to delay a function call then a much simpler way is to use setTimeout().

eg: // calling it in a nested setTimeout for sequential delayed execution setTimeout(function(){

 f1('One',false);
  setTimeout(function(){
    f1('One',false)
  },300)
},300)

answered Aug 2, 2012 at 16:46

Krishna sagar

1702 silver badges3 bronze badges

Comments

spaceman12 · Accepted Answer · 2012-08-02 16:55:36Z

0

function fn1()
{
    alert(1);
}
function fn2()
{
    alert(2);
}
var arr=[fn1,fn2];
var len=arr.length;
var time=1000;
for(var k=0;k<len;k++)
{
    (function(k)
    {
        setTimeout(arr[k],time);
    }(k))
    time=time*2;
}

It executes after a delay of 1 second! DEMO

answered Aug 2, 2012 at 16:55

spaceman12

1,10912 silver badges18 bronze badges

Collectives™ on Stack Overflow

jquery delay between javascript functions

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related