javascript - 闪烁文本这么多秒 - 然后消失

Question

我正在尝试淡入/淡出文本，然后在这么长时间后停止该功能。在大多数情况下，当用户上线时，它应该说用户在线，然后在一段时间后消失。现在它只是继续 - 没有停止点。如何添加一个点以使淡入/淡出功能停止？

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

调用此函数时，它将淡入和淡出 的内容，#new但它没有停止点。如何为此功能添加停止时间？

我试过这个，看看它是否会工作 - 但它只运行一次？我x在脚本的开头已启动为 0。

while(x < 4){
    $j('#new').fadeIn("slow", function() { 
     $j(this).delay(500).fadeOut("slow"); 
    });
    x++;
}

Answer 1

这样的事情怎么样？

function do_blink(elm, i){
  if(i<=0){return;}
  elm.fadeIn("slow", function(){
    $(this).delay(500).fadeOut("slow");
    do_blink(elm, --i);
  });
}

你这样称呼它

do_blink($("#new"),5);

Answer 2

你可以试试：

$('#new').fadeIn("slow", function() { 
      $(this).delay(500).fadeOut("slow").delay(500).fadeIn("slow").delay(500).fadeOut("slow"); 
});

在您的代码中，它将如下所示：

function newUser(){
    $j('#new').text(content);
    $('#new').fadeIn("slow", function() { 
         $(this).delay(500).fadeOut("slow").delay(500).fadeIn("slow").delay(500).fadeOut("slow"); 
    });
}

已编辑