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

Answer 2

简单的setTimeout就够了，我想

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

<强> http://jsfiddle.net/X8CgL/

直到一段时间后才显示div

2 个答案: