在特定的时间间隔后删除php/javascript中的警告栏 - Remove alert bar in php/javascript after specific interval

Remove alert bar in php/javascript after specific interval

本文关键字：php javascript 警告删除时间 | 更新日期: 2023-09-27

我有一个警告框显示在我的网页与代码:

现在我希望这个警告框保持大约2秒。

我试过使用:

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

这个脚本标签被用在我的网页的所有div标签的末尾。phtml文件)

问题是，我可以通过点击一个href "x"按钮来关闭警报栏。

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

我的代码有问题吗?

你可以试试这个

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

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

最后看:

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

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

最好的选择是为用户提供一个你创建然后用setTimeout销毁的模态。或者，如果你选择动画，你可以使用jquery的延迟函数