两秒后删除信息消息

Question

我有这个代码，它在页面顶部提供用户信息消息， 目前它在那里直到用户点击X按钮，我的问题是，如果有办法 如果用户没有点击X？

，请在2秒后自动删除此消息

   function addessage(message) {
        $messages.html("<div class='alert alert-info'><strong>Information : </strong>" + message + "<button type='button' class='close' aria-hidden='true'>&times;</button></div>");
    }

Answer 1

使用.delay()：

尝试使用此功能

$messages.html("your html as is").delay(2000).fadeOut();

Answer 2

试试这个

function addessage(message) {
    $messages.html("<div class='alert alert-info'><strong>Information : </strong>" + message + "<button type='button' class='close' aria-hidden='true'>&times;</button></div>");

    setTimeout(function(){$('.alert.alert-info').fadeOut();}, 2000);
}

Answer 3

使用setTimeout

function addessage(message) {
    $messages.html("<div class='alert alert-info'><strong>Information : </strong>" + message + "<button type='button' class='close' aria-hidden='true'>&times;</button></div>");
    setTimeout(function () {
        $messages.empty();
    }, 2000);
}