在網頁開發中，有時候我們需要延遲頁面的加載或執行某個操作，此時就要涉及到 JavaScript 頁面延時的問題。JavaScript 提供了一些函數和方法可以幫助我們實現頁面延時效果，接下來我們就來詳細介紹一下。

setTimeout() 函數是最常用的 JavaScript 頁面延時方法。它的作用是在一定的時間后執行某個語句或函數，語法如下：

setTimeout( function, milliseconds );

其中，function 表示要執行的語句或函數，而 milliseconds 表示延時的時間，單位為毫秒。下面我們來看一個例子，代碼如下：

setTimeout( function(){
document.getElementById("test").innerHTML="Hello World!";
}, 5000 );

上述代碼演示了如何延時 5 秒后將頁面元素的內容修改為 "Hello World!"。我們可以在 console 中運行此代碼，然后在 5 秒之后查看元素內容是否被修改。

除了 setTimeout() 函數，JavaScript 還提供了另一個延時方法 setInterval()。該方法的作用是每隔一定的時間執行某個語句或函數，語法如下：

setInterval( function, milliseconds );

使用方法和 setTimeout() 一樣，不同的是 setInterval() 會在每次延時結束后不斷重復執行，直到調用 clearInterval() 方法停止它。下面我們來看一個例子，代碼如下：

var count = 0;
var intervalID = setInterval( function(){
count++;
console.log(count);
if (count > 5) clearInterval(intervalID);
}, 1000 );

上述代碼演示了如何每隔 1 秒輸出一個計數器，直到計數器值大于 5 則停止。在 console 中運行此代碼，可以看到每隔一秒輸出一個計數器值，直到計數器值大于 5 后停止。

除了以上兩種方法，我們還可以使用 Promise 和 async/await 特性來實現 JavaScript 頁面延時效果。Promise 是一種異步編程模型，它可以把異步操作封裝成一個 Promise 對象，當異步操作完成后，我們就可以在 then() 方法中執行相關操作。下面是一個例子，代碼如下：

function delay( milliseconds ){
return new Promise( resolve => setTimeout(resolve, milliseconds) );
}
delay(5000).then( function(){
console.log("Hello World!");
} )

上述代碼演示了如何使用 Promise 實現延時 5 秒后輸出一條消息。我們可以在 console 中運行此代碼，然后在 5 秒后查看消息是否被輸出。

async/await 是在 Promise 基礎上發展出來的新特性，它可以讓我們像同步編程一樣書寫異步代碼。下面是一個例子，代碼如下：

async function printMsg( msg ){
await delay(5000);
console.log(msg);
}
printMsg("Hello World!");

上述代碼演示了如何使用 async/await 實現延時 5 秒后輸出一條消息。我們可以在 console 中運行此代碼，然后查看消息是否被輸出。

總之，JavaScript 提供了多種方法可以實現頁面延時效果，我們可以根據實際需求選擇合適的方法來實現延時效果。希望以上介紹可以幫助大家更好地掌握 JavaScript 頁面延時的技巧。