JavaScript Alert 自動消失
JavaScript Alert 是前端開發中常用的工具之一。它可以在頁面上彈出對話框，提示用戶需要知道的信息。然而，有時候這個提示框會一直停留在頁面上，直到用戶手動關閉它。這樣不僅會影響用戶體驗，也會讓頁面看起來很丑陋。那么有沒有辦法讓 JavaScript Alert 自動消失呢？下面，我們來詳細討論這個問題。
JavaScript Alert 實現自動消失最常用的方法是使用 setTimeout() 函數。該函數可以在一定時間之后執行特定的操作。例如，我們可以定義一個函數，調用 JavaScript Alert 之后再使用 setTimeout() 函數，將 Alert 消失的時間設置為幾秒鐘。
function autoFadeAlert(message, timeout) {
alert(message);
setTimeout(function(){
var alertBox = document.querySelector('.alert');
alertBox.style.opacity = 0;
setTimeout(function(){
alertBox.style.display = 'none';
}, 1000);
}, timeout);
}上面的代碼定義了一個 autoFadeAlert() 函數，它接收兩個參數：要顯示的消息和要消失的時間。第一行代碼調用了原生的 alert() 函數，彈出消息框。第二行代碼調用了 setTimeout() 函數，將 alert 消失的時間設置為 timeout 毫秒。在定時器函數內部，我們使用 document.querySelector() 方法找到了 Alert 的 DOM 元素，然后分別設置了它的 opacity 和 display 屬性。這里使用了兩個 setTimeout() 嵌套的方法來分別實現 Alert 的淡入和淡出效果。
另外一種實現自動消失的方法是使用 jQuery 或其他 JavaScript 庫中提供的特殊功能。例如，Bootstrap 框架中的 Alert 組件就可以通過 data-dismiss 屬性來實現自動消失。該屬性指定了要觸發的事件類型，例如 click，以及要關閉的元素。
Info:You are now logged in.
上面的代碼定義了一個 Alert 組件。其中，data-dismiss="alert" 屬性指定了當用戶點擊關閉按鈕時要觸發的事件類型。另外，在 HTML 中也添加了一個名為 fade 的 class，以讓 Alert 具有淡入淡出的效果。
總之，實現 JavaScript Alert 自動消失的方法有很多，但使用 setTimeout() 函數是最常見的方式之一。使用該函數，我們可以精確地控制 Alert 消失的時間，提高了用戶體驗并讓頁面更加美觀。