30秒后隐藏消息。？

Question

点击按钮后如何显示消息，然后在30秒后隐藏？

像：

$('#message').live('click', function() {
    $('#sm').hide();
    $('#sm').hide().show('slow').html('You have successfully registered');
    // how is hide "$('#sm')" after 30 seconds??
});

请在http://jsfiddle.net/

中举例说明

Answer 1

$('#message').live('click', function() {
    $('#sm').hide().show('slow').html('You have successfully registered');
    setTimeout(function(){ $('#sm').hide(); }, 30000);
});

JSFiddle Example

Answer 2

setTimeout(function() {
    $('#sm').hide();
}, 30000);

Answer 3

你写的第三行

：

$('#sm').hide().show('slow').html('You have successfully registered').delay(30000).hide();

希望它有效

Answer 4

您正在寻找setTimeout它需要一个函数和毫秒作为参数。在你的情况下，它将是这样的：

setTimeout(function() { $('#sm').hide() ; }, 30000);

Answer 5

使用javascript的原生setTimeout函数或jQuery的delay函数。如果您选择后者，您只需添加：

.delay(30000).hide();

在现有代码的末尾，如下所示：

$('#sm').hide().show('slow').html('You have successfully registered').delay(30000).fadeOut();