How to add sec. in .hide()

Dear all pro.

I m using slider/timer bar with hide option...

means when timer/slider finish it will automatically hide and then visible some cheat check img....

so here i used

$("#bar").hide();

PHP:

to hide slider/time bar.

I need to add time within hide function
-------------------------------------------
When timer/slider bar finish it will wait another 2 or 3 sec. after that it will automatically hide and then visible some cheat check img....

How to do that ?


Here is the full php code that i have

function reportAd() {
    window.open("gpt.php?v=report&id="+id+"&type="+type+"&"+url_variables+"","","width=500,height=400,status=1")
}

function next(num) {
    if(timer == fulltimer) {parent.location.href='gpt.php?v=verify&buttonClicked='+num+'&id='+id+'&type='+type+'&pretime='+pretime+'&'+url_variables+'';}
    else { alert("You must wait for the counter to reach 0"); }
}

function adTimer() {
    timer++;
    if(timer == fulltimer) {
        var show="Click " + key;
        $("#bar").hide();
        $("#buttons").fadeIn();
        $("#timer").html(show);
    }
    else {
        setTimeout(adTimer, 1000);
    }
    $("#bar").width((timer/fulltimer)*200);
}

$(document).ready(function() {
    if(id != -1) adTimer();
    else $("#timer").html("Cheat Check");
});

PHP:

 

setTimeout("$('#bar').hide()", 3000);

Code (markup):

 

Thanks problem solved