使一個div不顯示，直到一段時間後

Question

我有一個div在瀏覽器的頂部，我只希望它出現一段時間後。我試圖隱藏它，並延遲顯示，但因爲我有一個懸停請求它顯示一旦有人在它盤旋。

這裏是的jsfiddle http://jsfiddle.net/Johnnyfanta/8xLSa/

我已經試過

$(document).ready(function() { 
    /* hide then delay 5 seconds to appear */ 
    $('#leave').hide().delay(5000).show(); 
    $('#exit_popup').hide(); 

    $('#leave').hover(function() { 
     $('#exit_popup').show(); 
     $('#lightbox').show(); 
    }); 
}); 

在頁面加載時的ID標籤是存在的，但顯示設置爲無，我怎麼能隱藏標籤。

感謝

Answer 1

我會利用setTimeout功能。

$('#leave').hide(); //or better with CSS... 

setTimeout(function(){ 
    $('#leave').show(); 
}, 5000); 

Live example

Answer 2

一個簡單setTimeout是不夠的，我想

$(function() { 
    setTimeout(function() { 
     $("body").append("<div class='test'></div>") 
    }, 3000); 
}) 

http://jsfiddle.net/X8CgL/