在網站開發中，我們常常需要為用戶提供一些耗時的操作，例如異步取回數據、執行復雜計算或將大量數據呈現在頁面上。這個過程可能需要幾秒鐘甚至幾分鐘才能完成。如果不經過處理，用戶在這個過程中將會感到很沮喪，甚至可能放棄使用整個網站。因此，在這個過程中，我們必須向用戶提供正在加載的提示。在下面的代碼中，我們將用 jQuery 來實現正在加載的效果。

// 顯示正在加載的遮罩和提示信息
function showLoading() {
// 創建遮罩層
var $overlay = $('<div>').addClass('overlay');
// 創建提示信息
var $msg = $('<div>').addClass('loading').html('正在加載，請稍后...');
// 將遮罩層和提示信息添加到body中
$('body').append($overlay).append($msg);
}
// 隱藏正在加載的遮罩和提示信息
function hideLoading() {
// 刪除遮罩層和提示信息
$('.overlay, .loading').remove();
}

在上面的代碼中，我們定義了兩個函數：showLoading 和 hideLoading。 showLoading 函數用于顯示正在加載的遮罩和提示信息， hideLoading 函數用于隱藏它們。為了實現這個效果，我們創建了一個遮罩層和一個提示信息。我們將它們添加到 body 元素中，這樣它們就會覆蓋整個頁面。當數據加載完成后，我們調用 hideLoading 函數來隱藏它們。