在特定时间间隔后删除php / javascript中的警报栏

Question

我的网页上显示了一个警告框，其中包含以下代码：

现在我希望这个警报框能够持续约2秒钟。

我尝试过使用：

<script>
 $(".alert-message").alert();
 window.setTimeout(function() { $(".alert-message").alert('close'); }, 2000);
</script>

此脚本标记用于我的网页（.phtml文件）中使用的所有div标记的末尾

问题是我可以通过点击href“x”按钮来关闭警报栏。

但是我无法在2秒后自动删除/禁用/关闭此警报栏。

我的代码有什么问题？

Answer 1

你可以试试这个

setTimeout(function(){
    $('.feedback').fadeOut(1000);
    // $('.feedback').hide(1000); // you can also try this
}, 2000);

<强> DEMO

Answer 2

您忘记将data-dismiss="alert"添加到关闭按钮。

最后看：

<a class="close" data-dismiss="alert" href="#">&times;</a>

Answer 3

根据我的知识，JavaScript不会在用户输入之外的警报对象上提供任何关闭功能。

最好的选择是为用户提供您创建的模态，然后使用setTimeout进行销毁。或者，如果您选择为其设置动画，则可以使用jquery的延迟功能。