javascript - 使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标签是有的，但是显示设置为none，如何隐藏标签。

谢谢

Answer 1

我会使用 setTimeout功能。

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

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

Live example