Javascript 使消息在几秒钟后消失

我正在屏幕上显示错误消息，我希望这些消息在X秒后消失。我使用的是一个简单的脚本，如果屏幕上显示一条消息，它就可以工作。 如果显示两条消息，请参见下面的示例，只有第一条消息消失，第二条消息保留在屏幕上。 如何删除这两条消息

我正在使用以下脚本：

setTimeout(function() {
  $('#message').fadeOut('slow');
}, 15000);

生成消息的脚本

{% if form.errors %}
  {% for field in form %}
    {% for error in field.errors %}
      <div id="message">
        <div class="alert alert-warning alert-dismissible" role="alert">
          <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
            {{ error|escape }}
        </div>
      </div>
    {% endfor %}
  {% endfor %}
  {% for error in form.non_field_errors %}
    <div class="alert alert-warning alert-dismissible" role="alert">
      <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
        {{ error|escape }}
    </div>
  {% endfor %}
{% endif %}

{%if form.errors%}
{%形式的字段为%}
{%字段中有错误。错误%}
&时代；
{{error | escape}
{%endfor%}
{%endfor%}
{%表示表单中的错误。非\u字段\u错误%}
&时代；
{{error | escape}
{%endfor%}
{%endif%}

---

谢谢您的帮助。

如果不起作用，请尝试：

setTimeout（函数（）{
$（'.message'）.hide（）；
},1000);尝试以下代码后，所有消息从屏幕上消失

$(".alert").show(() => {
    setTimeout(() => {
        $(".alert").fadeTo(500, 1).slideUp(500, () => {

            $(message).hide();
        })
    }, 5000)
});

谢谢大家抽出时间
 使用类（
.message
）而不是id。然后
$（'.message'）
应返回一个数组，因此，对数组的每个元素调用淡出。我们能看到显示消息的脚本吗？@Pizzagay先生，我已经包括了显示消息的脚本。@Pac0，你能给我举个例子吗？@paniklas KevinJohnson的先扣动扳机，看看他们的回答等等，你改变了什么，javascript还是HTML？两个都试试，让它们成为类选择器，然后重试，只有一个错误，我选择了它，如果有更多的错误，告诉我错误行，我会修复它，谢谢你尝试我的代码。我将两个都改为类，但它不起作用。我只是再试了一次。我用id代替了带有hide的class，第一条消息消失了，而第二条消息仍然存在。谢谢你的帮助。然后尝试阻止第二个出现或使用notply插件，你使用了notply吗？