setTimeout function

Question

I've been researching my problem and don't want to post a duplicate but I have tried the methods as described in my research and cannot get my function to delay!!

Can someone take a look and let me know if there is something wrong with my syntax and why it's not functioning? Everything runs good except for the setTimeout function

$(document).ready(function(){   
    $("#slider").easySlider({
        auto: true, 
        continuous: true
    });

    $("#prevBtn a").hide();
    $("#nextBtn a").hide();
    $("#slider").mouseover(function(){
        $("#prevBtn a").show();
        $("#nextBtn a").show();
    });

    setTimeout(function(){
        $("#prevBtn a").fadeOut('slow');
        $("#nextBtn a").fadeOut('slow');
    },3000);
});

Your setimeout function works. I put a console.log('hi') inside and i saw it. — Akhil Sekharan
– Akhil Sekharan, Commented Jan 9, 2013 at 2:06
You're hiding #prevBtn a and #nextBtn a and then fading them out in setTimeout, you probably meant to use fadeIn (api.jquery.com/fadeIn) — Gabriel
– Gabriel, Commented Jan 9, 2013 at 2:07
I don't want the buttons to show on load that's why I have them hidden on load. When the user mouseover the slider the buttons then appear. On mouse out I would like the buttons to fade out after 3 seconds.. — Jgunzblazin
– Jgunzblazin, Commented Jan 9, 2013 at 2:12

Geuis · Accepted Answer · 2013-01-09 02:15:08Z

4

$(document).ready(function(){   
    $("#slider").easySlider({
        auto: true, 
        continuous: true
    });

    $("#prevBtn a").hide();
    $("#nextBtn a").hide();
    $("#slider").mouseover(function(){
        $("#prevBtn a").show();
        $("#nextBtn a").show();
    })
    .mouseout(function(){

        setTimeout(function(){
            $("#prevBtn a").fadeOut('slow');
            $("#nextBtn a").fadeOut('slow');
        },3000);

    });

});

answered Jan 9, 2013 at 2:15

Geuis

42.5k57 gold badges164 silver badges223 bronze badges

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

2 Comments

Geuis Over a year ago

Agreed. I didn't try to optimize at all because we don't know what his html looks like.

Jgunzblazin Over a year ago

Hi Geuis. Your solution did the trick. I could not find that anywhere in my research. Thank you and everyone for your help. :)

Akhil Sekharan · Accepted Answer · 2013-01-09 02:08:13Z

1

Your setimeout function works. I put a

console.log('hi');

inside and i saw it.

I think you need to remove these lines, because it will make the element hidden on dom ready.

$("#prevBtn a").hide();
$("#nextBtn a").hide();

answered Jan 9, 2013 at 2:08

Akhil Sekharan

12.7k8 gold badges43 silver badges58 bronze badges

Collectives™ on Stack Overflow

setTimeout function

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related