javascript – jQuery在一定时间后删除bootstrap警报

我正在使用示例中的动态引导警报.见下文.

如何添加超时功能,以便在X时间后警报自动关闭？

HTML：

JQUERY：

bootstrap_alert = function() {
    }
bootstrap_alert.warning = function(message) {
    $('#alert_placeholder').append('
dismiss="alert">×dismiss="alert">×

最佳答案

创建一个删除第一个(因此,最旧的)警报的函数：

function alertTimeout(wait){
    setTimeout(function(){
        $('#alert_placeholder').children('.alert:first-child').remove();
    },wait);
}

[0]确保每次超时仅删除第一个警报.

然后在显示警报时调用该函数,参数是警报关闭的时间长度,以毫秒为单位：

bootstrap_alert.warning = function(message) {
    $('#alert_placeholder').append('
dismiss="alert">×

请看这jsFiddle