Javascript 使用JS/jQuery进行闪烁通知/确认

当我单击某个元素时，我希望看到一个确认出现并淡出。我用下面的代码实现了这一点，但我不是100%满意，因为它不能连续两次快速使用。我需要等待文本消失（隐藏时重新出现），然后再单击。一定有更好的方法来施展这种魔法

以下是我所做的：

$（“.hello”）。单击（函数（）{
var元素=$（“.conf”）；
闪烁（元素）；
setTimeout（函数（）{
复位（元件）；
}, 2000);
});
函数闪烁（元素，回调）{
css（'visibility'，'visible'）；
css（'opacity'，'0'）；
}
功能复位（元件）{
css（'visibility'，'hidden'）；
css（'opacity'，'1'）；
}

。你好{
能见度：可见；
过渡：不透明度1s；
}
.conf{
可见性：隐藏；
不透明度：1；
边界半径：5px；
背景色：石灰；
颜色：黑色；
过渡：不透明度1s；
}

你好
确认

要解决此问题，您可以使用

显示：无

隐藏元素，然后单击

显示（）

并立即将其淡出。如果还对每个事件调用

stop（）

，则将停止

fadeOut（）

动画，并将元素设置回完全可见状态。试试这个：

$（“.hello”）。单击（函数（）{
$（“.conf”）.stop（true，true.show（）.fadeOut（1000）；
});
。你好{
能见度：可见；
过渡：不透明度1s；
}
.conf{
显示：无；
边界半径：5px；
背景色：石灰；
颜色：黑色；
}

你好
确认
@Chris G：谢谢你的编辑。没想到我可以这样做-太棒了！：）你是说像这样吗？克里斯·G：是的，没错。