Javascript 如何逐个自动隐藏多个警报。先进先出？

我在网页中有一个通知区域，可以包含多个引导警报

<div class='notification-area> </div>

{
设置超时（（）=>{
$（“.alert”）.fadeTo（500，1）.slideUp（500，（）=>{
$（notificationBoxID）.hide（）；
})
}, 5000)
});

有人知道我如何处理这个问题吗？我什么都试过了。非常感谢。

有超时，因此采用fifo处理

<script src="toastr.js"></script>

  var options = {
    "preventDuplicates": true,
    "timeOut": 5000
  };
  toastr.options = options;
  toastr.warning('this is the message, 'Warning:');

变量选项={
“防止重复”：正确，
“超时”：5000
};
toastr.options=选项；
toastr.warning（'这是消息'warning:'）；

谢谢！这可能是有用的。实际上，我希望同时显示多个警报。但是最老的警报会在一段时间后消失。哦，这一次显示了多个警报：）它们只是堆积在警报区域（在我的应用程序右上角）。也许屏幕区域是可配置的。不管怎么说，如果您将其称为成功、信息、警告或错误，它只会将新通知添加到任何现有通知的下方（或上方，如果您设置了该属性）。

<script src="toastr.js"></script>

  var options = {
    "preventDuplicates": true,
    "timeOut": 5000
  };
  toastr.options = options;
  toastr.warning('this is the message, 'Warning:');