如何在N秒后隐藏div?

时间:2011-11-03 20:51:54

标签: javascript jquery

如何在最后一次按任意键后N秒过后隐藏div?

<body onkeydown="KeyDown(event);" >

<div id="helpmenu"></div>
<script>
function KeyDown(event) {
    $('#helpmenu').show();
}
</script>
</body>

如果我在5秒钟内无法按任何键:$('#helpmenu')。hide()

4 个答案:

答案 0 :(得分:4)

$(this).delay(2000, function()
{
    $('#mydiv').hide();
});

...或

setTimeout($('#mydiv').hide(), 2000);

答案 1 :(得分:0)

setTimeout(function() {
    $('#mydiv').fadeOut('fast');
}, 1000);

setTimeout(function() {
    $('#mydiv').hide('fast');
}, 1000);

答案 2 :(得分:0)

var whateverKeyCode = 13; // enter
var nSeconds = 5;

$(document.body).keypress(function(e){
    if(e.which == whateverKeyCode) {
        setTimeoute($("#divID").hide(0),1000*nSeconds); // 5 seconds
    }
});

这应该有效我相信。

答案 3 :(得分:0)

jQuery的文档形式看起来像this