兩秒後刪除信息消息

我有這個代碼是提供用戶信息消息在頁面頂部，目前它的存在，直到用戶點擊X按鈕，我的問題是如果有一種方式刪除像2秒後自動淡出此消息，如果用戶不點擊X？兩秒後刪除信息消息

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>"); 
    }

來源

2014-06-11 Jean Tehhe

嘗試用這種使用.delay()：

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

來源

2014-06-11 13:12:34 Jai

謝謝，我可以改變淡出更慢？ –

是的，你可以用ms提供時間，例如'.fadeOut（1000）'一秒鐘，或者你可以像'.fadeOut（'slow'）一樣做這個。 – Jai

使用的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); 
}

來源

2014-06-11 13:11:54

試試這個

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); 
}

來源

2014-06-11 13:14:28 Shail

兩秒後刪除信息消息

回答

相關問題