在Web開發中，遮罩層是常用的一種界面效果。當我們需要在用戶操作的時候阻止頁面的事件響應，或者需要讓用戶進行一些特定的操作時，可以利用遮罩層來實現。jquery作為一款JS庫，在遮罩層的實現中也提供了非常便捷的方法。本文將介紹如何使用jquery來實現遮罩層的顯示和隱藏，并添加顯示時間的功能。

// 顯示遮罩層
function showOverlay() {
// 創建遮罩層元素
var overlay = $('<div class="overlay"></div>');
// 添加遮罩層樣式
overlay.css({
position: 'fixed',
top: 0,
left: 0,
width: '100%',
height: '100%',
background: 'rgba(0, 0, 0, 0.8)',
zIndex: 9999,
});
// 將遮罩層添加到body中
$('body').append(overlay);
// 設置顯示時間，單位為毫秒
var showTime = 3000;
// 顯示遮罩層
setTimeout(function() {
overlay.remove();
}, showTime);
}
// 調用顯示遮罩層的方法
showOverlay();

如上所示，我們先創建了一個showOverlay方法，用于顯示遮罩層。在該方法中，首先創建了一個名為overlay的div元素，用來作為遮罩層。然后通過css方法為overlay添加了一些樣式，并將其添加到body中。接著通過setTimeout方法來控制遮罩層的顯示時間，當時間到達后，通過remove方法將遮罩層從頁面中移除。

以上便是利用jquery實現遮罩層顯示時間的方法。通過這種方式，我們可以輕松控制遮罩層的顯示時間，從而提供更好的用戶體驗。