Javascript 警报框自动消失

我正在使用Bootstrap，希望实现以下目标：
有一种报警框，短时间后自动消失。我的想象中有一些特别的东西，我经常看到，但现在找不到。我认为标准引导警报（和）不是正确的事情，是吗？因为我希望某些东西只是“出现在某些东西的顶部”，所以如果你知道我的意思的话，就不要作为页面的内容

---

因此，当进入页面时，它应该只显示一个简短的“成功信息”，然后它应该再次消失。还是我错误地理解了引导警报，而这正是我要搜索的？如果是，我如何使用它？我该把那个“div”放在哪里

下面是一个简单的代码块，它可以在单击时打开modal，并在2秒钟后自动关闭modal

Html:

---

工作示例：

是的，警报也可以。只需为关闭添加一个超时，并添加

位置：fixed

样式，以便在内容前面显示警报

下面的演示应该让您了解如何使用它

同样的代码也在这里

$（）.alert（）；
setTimeout（函数（）{$（'.alert'）.alert（'close'）}，3000）
.alert{
位置：固定；
顶部：0px；
}

&时代；
哦，快！你搞错了！
更改这个和那个，然后重试。莫利斯夫妇，最不常见的luctus夫妇，最不常见的ligula夫妇，最不常见的是lacinia-odio-sem-nec-elit夫妇。在发酵罐中发酵

正常含量
Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem。这是一个很好的例子。Donec pede justo、fringilla vel、aliquet nec、vulputate eget、arcu。在埃尼姆·胡斯托、朗卡斯·乌特、伊佩拉、维尼那提斯·维塔、胡斯托。猫咪的口头禅是一种很好的口头禅。整数tincidunt。克拉斯·达皮布斯。万岁。埃尼安·沃普塔特·埃利芬德·泰勒斯。埃尼安·利古拉、波特提托·欧盟、康塞卡特·维泰、埃利芬德·ac、埃尼姆。阿利奎姆·勒姆·安特、达比布斯·安特、维韦拉·奎斯、费吉亚·阿泰勒斯。长生不老不老。奎斯克·鲁特罗姆。埃涅亚饮食。奥古斯一世。乌兰科乌尔里西斯库拉比图尔酒店。南乙对。艾蒂安·朗库斯。时间之美，调味品之美，自由之美，平等之美。Nam quam nunc，blandit vel，luctus pulvinar，hendrerit id，lorem。这是一个非常重要的时刻。不要为威尼斯人的自由而浪费生命。纳拉姆·奎斯·安特。我坐在那里，或者我坐在那里。杜伊斯·利奥。塞德·弗林斯·莫里斯坐在阿梅特·尼布旁边。大矢状背根。塞德·康塞卡特、利奥·埃吉特·比本杜姆·索达莱斯、奥古斯·维利特·库苏斯·努克、，
Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem。这是一个很好的例子。Donec pede justo、fringilla vel、aliquet nec、vulputate eget、arcu。在埃尼姆·胡斯托、朗卡斯·乌特、伊佩拉、维尼那提斯·维塔、胡斯托。猫咪的口头禅是一种很好的口头禅。整数tincidunt。克拉斯·达皮布斯。万岁。埃尼安·沃普塔特·埃利芬德·泰勒斯。埃尼安·利古拉、波特提托·欧盟、康塞卡特·维泰、埃利芬德·ac、埃尼姆。阿利奎姆·勒姆·安特、达比布斯·安特、维韦拉·奎斯、费吉亚·阿泰勒斯。长生不老不老。奎斯克·鲁特罗姆。埃涅亚饮食。奥古斯一世。乌兰科乌尔里西斯库拉比图尔酒店。南乙对。艾蒂安·朗库斯。时间之美，调味品之美，自由之美，平等之美。Nam quam nunc，blandit vel，luctus pulvinar，hendrerit id，lorem。这是一个非常重要的时刻。不要为威尼斯人的自由而浪费生命。纳拉姆·奎斯·安特。我坐在那里，或者我坐在那里。杜伊斯·利奥。塞德·弗林斯·莫里斯坐在阿梅特·尼布旁边。大矢状背根。塞德·康塞卡特、利奥·埃吉特·比本杜姆·索达莱斯、奥古斯·维利特·库苏斯·努克、，
我用toastr来做这样的事情谢谢你。这正是我想要的。我有个小问题。当我不使用css来固定位置时，当我添加位置时，警报将占据整个屏幕的宽度：固定；排名：0；而它只是左上角的一个小方框，甚至还有一个“换行符”，所以在我的例子中，两行代表两个单词。你知道为什么吗？不知道为什么会发生这种情况，但你可以通过添加
width:100%来修复它发送到警报类。这再次起作用，但与下一个问题有关。。。。警报在后台。。。因此，当我写
top:40px
时，页面内容在警报前面，因此你看不到它..我看不到这个问题。请将该链接发布到一个处理该问题的网站。我知道，我能够修复它，只需将
z-index
设置为一个高值。谢谢你的解决方案。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>


<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

$('#myModal').on('shown.bs.modal', function () {
  window.setTimeout(closeModal, 2000)
});

function closeModal(){
  $('#myModal').modal('hide');
}