Javascript 不完美的Jquery动画计时

var计数=0；
$（文档）.ready（函数（）{
$（“div”）。在（“单击”，函数（）上{
$（“#测试”）。衰减（500）；
计数++；
$（“#测试”）.fadeIn（500）；
document.getElementById（“test”）.innerHTML=count；
});
});
div{
背景颜色：金色；
边框：2件实心黄花；
边界半径：7px；
文本对齐：居中；
垂直对齐：中间对齐；
字体系列：Arial；
字体大小：35px；
宽度：100px；
}

0
这是因为它需要
淡出时间
500 ms，但是
计数的增量
会立即发生赋值。您可以使用
fadeOut
的回调来实现所需的功能：

$("#test").fadeOut(500, function() { // the function will be called when the fadeOut is completed
    count++;                         // increment count
    this.textContent = count;        // assign it to this element (#test) textContent
}).fadeIn(500);                      // then fadeIn


var计数=0；
$（文档）.ready（函数（）{
$（“div”）。在（“单击”，函数（）上{
$（“#测试”）.fadeOut（500，函数（）{
计数++；
this.textContent=计数；
}).fadeIn（500）；
});
});
div{
背景颜色：金色；
边框：2件实心黄花；
边界半径：7px；
文本对齐：居中；
垂直对齐：中间对齐；
字体系列：Arial；
字体大小：35px；
宽度：100px；
}

0
试试这个
您需要在淡出回调中递增，这意味着动画完成时递增


var计数=0；
$（文档）.ready（函数（）{
$（“div”）。在（“单击”，函数（）上{
$（“#测试”）.fadeOut（500，函数（）{
计数++；
document.getElementById（“test”）.innerHTML=count；
}
);
$（“#测试”）.fadeIn（500）；
});
});
div{
背景颜色：金色；
边框：2件实心黄花；
边界半径：7px；
文本对齐：居中；
垂直对齐：中间对齐；
字体系列：Arial；
字体大小：35px；
宽度：100px；
}

0

“JQuery链接”
你的答案和下面的答案对我来说都是正确的。谢谢你的帮助！你的答案对我来说是正确的，上面的另外两个也是正确的。谢谢你的帮助！感谢您的努力和关于JQuery链接的信息。
var count = 0;
$(document).ready(function() {
$("div").on("click", function() {
count++;
  $("#test").fadeOut(500).$("test").text(count).fadeIn(500);
});
});