Javascript 这个弹出窗口是如何在一段时间后出现和消失的

这可能是一个基本问题，但我正处于html、CSS和js的起步阶段

当我点击downvote时，我会看到一个弹出窗口，上面写着“downvote需要125个声誉”，这真是太棒了。我想这是包括在我的网站。我不希望有一个完整的解决方案。只需告诉我弹出窗口出现和消失后一段时间的想法。多谢各位

---

调用负责关闭咆哮的函数时，可以使用简单的

设置超时来实现此效果。基本用法：

setTimeout(function() {
    //Here goes function that is responsible for hiding growl 
}, 4000);

基本上，它是在给定的时间（以毫秒为单位）后调用函数的（在本例中是4000毫秒，即4s）

如果您使用的是Bootstrap，您可以查看以下插件：
它是开箱即用的
您需要创建一个HTML元素来显示弹出消息，例如：

<div id="popUp" style="display: none;"> Popup Message </div>

因此，当触发
click
事件时，这里发生了一些事情：间隔设置为所需的毫秒数，通过在
show（）中将元素的CSS更改为
display:block
，来显示元素函数，然后使用
clearInterval
清除间隔，并隐藏元素

我希望这能让您对这个概念有一个合理的认识。
我认为您应该将代码改为使用setTimeout，这样可以节省一行代码！并非如此-因为
setTimeout
有一个类似的相反功能
cleartimout
来清除先前存储的计时器值，我将使用它来实现完整性。那么有什么区别呢？实际上我刚刚意识到你的代码从来不会显示弹出窗口，因为你正在立即清除设置间隔。。。在这种情况下，必须在setInterval回调函数中调用clearInterval。如果你想使用setTimeout，那么你不需要调用clearTimeout，因为你只想在你不想执行回调时调用它，这不是我们想要的。非常正确，先生！我相应地改变了函数。
// where #element is the HTML element you want to assign the click event to
$( "#element" ).click(function() {
   $( "#popUp" ).show(); 
   setTimeout(function() {
      $( "#popUp" ).hide();
    }, 2000);
});