Bootstrap 3 - 如何在单击时淡入警报框并在 3 秒后淡出

我正在使用 AngularJS 和 Bootstrap 3。我的 Web 应用程序有一个“更新”按钮，用于保存用户所做的任何更改。当用户单击“更新”按钮时，我想激活并淡入引导程序的警报框，显示“信息已保存”，然后在 3 秒后淡出。我不知道如何创建这个功能，可能需要一些帮助..

UPDATE:

我决定使用这种方法：

HTML

<button type="button" class="btn btn-info" ng-click="save()">Update</button>

<div id = "alert_placeholder"></div>

JavaScript

$scope.save = function() {
    $('#alert_placeholder').html('<div class="alert alert-warning alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button><span>Your information has been updated.</span></div>')
    setTimeout(function() {
        $("div.alert").remove();
    }, 3000);
}

我想让警报框在第一次出现时淡入，并在 3 秒后删除时淡出，但我不确定如何使其与我拥有的代码一起使用。

我用这样的东西。 （动画看起来非常漂亮！）。只需添加这个 JS，并应用该类flash到每一个你想消失的项目。请确保您还添加了fade-in一切皆有阶级！ The fade-in类带有引导程序。它将在 5 秒后淡出。

window.setTimeout(function() {
  $(".flash").fadeTo(500, 0).slideUp(500, function(){
      $(this).remove();
  });
}, 5000);