setTimeout函数

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);
});

Answer 1

$(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);

    });

});

Answer 2

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();