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

Question

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

现在我希望这个警报框能停留大约 2 秒。

我试过使用：

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

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

问题是我可以通过单击 a href "x" 按钮来关闭警报栏。

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

我的代码有什么问题吗？

score 1 · Accepted Answer

你可以试试这个

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

score 0 · Accepted Answer

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

最好的选择是为用户提供一个您创建然后使用 setTimeout 销毁的模式。或者，如果您选择对其进行动画处理，您可以使用 jquery 的延迟功能。

score 0 · Accepted Answer

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

最后的样子：

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

3 回答 3