javascript - Jquery 淡入文本一段时间

Question

在我的应用程序中，我有一个脚本可以告诉某人何时上线或离线。我通过 content = name+' 离线' 放置了“如果有人上线/离线”的文本，反之亦然。然后，我将该文本放入函数调用末尾的 div 中: $('#new').text(content);

问题在于淡出，总而言之，它并没有真正起作用。我一直在尝试玩弄它。这是我到目前为止所拥有的:

$('#new').text(content);
$('#new').fadeIn('slow', function() {
        setTimeout($('#new').fadeOut('slow', function() {
        $('#new').css('display', 'none');   
        }));
    });

Answer 1

回调中的

display:none是不必要的，fadeOut()结束后自动将显示设置为none。

$('#new').text(content);
$('#new').fadeIn('slow', function() {
    setTimeout("$('#new').fadeOut('slow');", 2000);
});

2000 是您想要延迟的毫秒数，请将其更改为更适合您的值。

正如 @Pst 评论的那样，尽管我个人对函数对象的问题比代码字符串更多，但函数对象可能更加一致。

您还可以使用函数对象:

$('#new').text(content);
$('#new').fadeIn('slow', function() {
    setTimeout(function(){ $('#new').fadeOut('slow'); }, 2000);
});