Question

我有一个＆lt; div>在哪里我保持我的分数，但我想要正确的时候我的文字变为+1，所以我可以看到我是对的，然后立即改回我的分数。使用我的代码，他立即显示POINTS，淡出并再次淡入，因此+1永远不会出现。有人可以帮忙吗？

if (x >= y){ 
score++;
$("#counter").html("+1");
$("#counter").fadeOut(3000);
$("#counter").fadeIn(3000);
$("#counter").html("POINTS" + score);
}

Answer 1

在.fadeOut完成后调用fadeIn的{{3}}中的{p> .fadeIn。

if (x >= y) {
  score++;
  $("#counter").html("+1");
  $("#counter").fadeOut(3000, function() {
    $("#counter").fadeIn(3000);
    $("#counter").html("POINTS" + score);
  });
}

Answer 2

尝试setTimeout

setTimeout（function（）{$（“＃counter”）。html（“POINTS”+ score）;}，2000）;

JS / JQuery：文本更改几秒钟然后又恢复原始状态

2 个答案: