Jquery 如何在不等待的情况下重复设置文本动画？

我试图使一些文字出现，并做它的动画，然后淡出。我让那个部分工作，但我希望它是可重复的，而不必等待动画完成。例如，我在我的代码中用一个按钮点击来测试这个，我希望文本在每次点击按钮时都做动画，而不用等待动画完成。当它完成后，我应该在屏幕上的文本动画多次。记住，我不想打断当前的动画

代码：

测试

随机的 $（函数（）{ $（'#random'）。单击（函数（）{ 卫生部（）； }); 健康功能（）{ var health=parseInt（$（'#health'）.text（）； health=isNaN（health）？0:health-1； $（“#测试”）.removeAttr（“隐藏”）； $（#test”）.animate（{top:'250px'}，900）； $（“#测试”）。淡出（400）； $（'健康'）。文本（健康）； } }); 尝试替换

.fadeOut（）

$（函数（）{
$（'#random'）。单击（函数（）{
卫生部（）；
});
健康功能（）{
var health=parseInt（$（'#health'）.text（）；
health=isNaN（health）？0:health-1；
$（“#测试”）.removeAttr（“隐藏”）；
$（#test”）.animate（{top:'250px'}，900）；
$（“#测试”）.fadeToggle（400）；
$（'健康'）。文本（健康）；
}
});

测试

Random
“点击一个按钮，我希望每次点击按钮时文本都能显示动画，而不必等待动画完成”，“我不想中断当前动画”？乍一看，第一句话似乎表示中断当前正在运行的动画；第二句话不中断当前正在运行的动画？如果可能的话，可以澄清要求吗？谢谢基本上我希望每次按下按钮时动画都能正常工作，我不希望它打断当前的动画。所以我想让“测试”这个词在我每次按下按钮时都有动画效果。如果没有不同的方法，它将无法工作，因为它会为文本设置动画，并且只能在不中断动画的情况下使用一次。guest271314如果您查看cookie clicker，例如，当您单击cookie时，文本将设置动画。我需要类似的东西。不确定“饼干点击器”是什么？见下文。谢谢，我没有看到任何id为health的元素。您在
400ms
中淡出一个元素，那么为
900ms
设置
top
值动画有什么意义？无论如何，它在
400ms后将不可见。这不是我想要的。很难描述我想要它做什么。我见过许多其他开发者在游戏和其他方面使用它。Cookie clicker几乎满足了我的需求。
<p id="test" hidden="true">Test</p>
<button id="random">Random</button>



$(function() {
$('#random').click(function(){
    minusHealth();
});

function minusHealth() {
var health = parseInt($('#health').text());

        health = isNaN(health) ? 0 : health - 1;
        $("#test").removeAttr("hidden");
        $("#test").animate({top:'250px'}, 900);
        $("#test").fadeOut(400);

    $('#health').text(health);

}
});