Javascript点击器，点击动画

我想创造一个像下面这样的效果。我的意思是-当我点击cookie时，屏幕上会出现一个小“+1.0”，逐渐消失。我知道如何使它只为一个“+1.0”，但如果多次点击和多个“+1.0”呢？ 例如，animate（）的持续时间为2000ms，我每2000ms单击4次。我如何才能让它显示4x“+1.0”，而不是仅显示一个

看看这个

它使用

@关键帧动画

来实现所需的效果

这并不完全是你想要的，但如果给你时间，这将帮助你解决你的问题

下面是片段

var x=0；
$（“#cookie”）。单击（函数（e）{
x++；
$（“#cookie”）.append（“+1.0”）；
$（#x+x）.css（“top”，e.clientY）；
$（#x+x）.css（“左”，e.clientX-10）；
$（“#x”+x）.css（“位置”、“绝对”）；
$（“#x”+x）.css（“宽度”，“25px”）；
$（“#x”+x）.css（“高度”，“25px”）；
$（“#x”+x）.css（“颜色”、“白色”）；
$（“#x”+x）.css（“字体重量”，“粗体”）；
$（“#x”+x）.css（“动画”，“goup2向前线性”）；
$（“#x”+x）.show（）；
});
#cookie{
背景：红色；
宽度：300px；
高度：300px；
}
@关键帧GoUp{
0% {
不透明度：1；
}
100% {
顶部：0px；
不透明度：0；
}
}

每个单独事件的持续时间应该无关紧要，因为所有单击都应该作为单独事件处理……这很好，谢谢。但它仍然不是我想要的，因为当我点击2次时，第一个“+1.0”消失了…我已经更新了代码片段和答案中的。现在它可以像你想要的那样工作。