Jquery delay timeout function?

Question

I am really struglling tring to get this to work what i what is if my php script returns success.

echo success

I want it to should a message that says congratulations its all setup but stay for aleast 5 seconds but it never seems to work i have tried elay etc but still getting issues please help.

here is my code it works but for about a second it then redirects far to quick to read it.

 if($.trim(data) == 'Congratulations'){
setTimeout(function(){
    $('#congrats').fadeIn(1000,function(){
        window.location.href='http://example.co.uk/tour/first-time-users';
    });
},5500);

That code you've got will fade in the element "congrats" after five and a half seconds. What doesn't work? What are the "issues"? — Pointy
– Pointy, Commented Jan 13, 2011 at 14:53

user447356 · Accepted Answer · 2011-01-13 14:59:46Z

2

I think that what you need is:

if($.trim(data) == 'Congratulations') {
    $('#congrats').fadeIn(1000);
    window.setTimeout(function() {
        window.location.href = 'http://example.co.uk/tour/first-time-users';
    }, 5500);
}

This will show the congrats div with animation effect then rediret after 5.5 seconds.

answered Jan 13, 2011 at 14:59

user447356

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

Comments

Ian Wood · Accepted Answer · 2011-01-13 14:57:44Z

0

set time out expects a string as the function...

try

if($.trim(data) == 'Congratulations'){
    setTimeout("function(){
        $('#congrats').fadeIn(1000,function(){
            window.location.href='http://example.co.uk/tour/first-time-users';
        });
    }",5500);
}

answered Jan 13, 2011 at 14:57

Ian Wood

6,5736 gold badges36 silver badges75 bronze badges

3 Comments

Šime Vidas Over a year ago

Why do people still keep passing in strings into the setTimeout funciton? I see this so often.

Rodolfo Palma Over a year ago

That's a terrible bad practice. Please don't even recommend it.

Hannes Over a year ago

@Šime Vidas gooood question ... some weird mix between lambda and giving the function name

iTSrAVIE · Accepted Answer · 2011-01-13 15:07:03Z

0

Something like this may be helpful :)

setTimeout(function() {
    $('#congrats').fadeIn(1000, function(){
        window.location = 'http://www.examle.com';
    }}
}, 5500);

The timeout needs its own delay.

edited Jan 13, 2011 at 15:07

answered Jan 13, 2011 at 14:55

iTSrAVIE

8343 gold badges12 silver badges26 bronze badges

1 Comment

iSimpleDesign Over a year ago

i dont want congrats to fadeIn for 5 secs i want it to show immediately but wait 5 secs before the page redirects.

Rodolfo Palma · Accepted Answer · 2011-01-13 18:13:44Z

0

The better option I think is:

if($.trim(data) == 'Congratulations'){
    $('#congrats').fadeIn(1000, function() { setTimeout(function(){
        window.location.href='http://example.co.uk/tour/first-time-users';
    }, 5000)});
}

edited Jan 13, 2011 at 18:13

answered Jan 13, 2011 at 15:01

Rodolfo Palma

2,9313 gold badges17 silver badges11 bronze badges

Collectives™ on Stack Overflow

Jquery delay timeout function?

4 Answers 4

Comments

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related