javascript - JS/JQuery : Text changes for a few seconds and then back to original

Question

我有一个

来保存我的分数，但我希望当它正确时我的文本更改为 +1，这样我就可以看到我是对的，然后立即更改回我的分数。使用我的代码，他立即显示点，然后淡出并再次淡入，因此 +1 永远不会显示。有人可以帮忙吗？

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

最佳答案

complete-callback 中的

.fadeOut .fadeIn 完成后将调用的 fadeIn。

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

关于javascript - JS/JQuery : Text changes for a few seconds and then back to original，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37341385/

Answer 1

complete-callback 中的

.fadeOut .fadeIn 完成后将调用的 fadeIn。

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