隨著互聯網的不斷發展，越來越多的網站開始采用AJAX技術來提升用戶體驗。而其中的一個重要應用就是定時自動刷新頁面。通過AJAX技術，我們可以實時獲取數據，并自動更新頁面內容，無需手動刷新。

以一個在線聊天室為例，如果沒有AJAX技術，用戶發送一條消息后，需要手動刷新頁面才能看到其他用戶的回復。這樣用戶體驗非常差，因為他們需要不斷刷新頁面以獲取最新的消息。而采用AJAX技術后，用戶發送消息后，頁面會自動刷新并顯示最新的消息，用戶無需手動刷新頁面，大大提升了用戶體驗。

在實現定時自動刷新頁面的功能時，我們可以使用JavaScript的setInterval函數。該函數允許我們指定一個時間間隔，然后周期性地執行一段代碼。通過結合AJAX技術，我們可以在每次定時執行時，向服務器發送請求，獲取最新的數據，并更新頁面內容。

function refreshPage() {
// 使用AJAX發送請求，獲取最新數據
$.ajax({
url: "refresh.php",
method: "GET",
success: function(response) {
// 更新頁面內容
$("#content").html(response);
}
});
}
// 每隔5秒刷新頁面一次
setInterval(refreshPage, 5000);

在上述的代碼中，我們定義了一個refreshPage()函數，函數內使用AJAX發送請求到服務器的refresh.php頁面，獲取最新的數據，并通過$("#content").html(response)代碼將數據更新到頁面中的#content元素。

接下來，我們通過setInterval(refreshPage, 5000)指定了刷新頁面的時間間隔為5秒。 意味著每隔5秒，refreshPage()函數就會執行一次，從而自動刷新頁面。

除了定時刷新整個頁面外，我們也可以使用AJAX技術來局部刷新頁面。例如，在一個電商網站中，用戶添加商品到購物車后，我們可以使用AJAX技術更新購物車圖標上顯示的商品數量，而無需刷新整個頁面。

function updateCartCount() {
// 使用AJAX發送請求，獲取購物車中的商品數量
$.ajax({
url: "getCartCount.php",
method: "GET",
success: function(response) {
// 更新購物車圖標上的數量
$(".cart-count").html(response);
}
});
}
// 每隔10秒更新購物車數量一次
setInterval(updateCartCount, 10000);

在上述的代碼中，我們定義了一個updateCartCount()函數，函數內使用AJAX發送請求到服務器的getCartCount.php頁面，獲取購物車中的商品數量，并通過$(".cart-count").html(response)代碼將數量更新到購物車圖標的.cart-count元素中。

通過以上的例子，我們可以看到AJAX技術如何實現定時自動刷新頁面。無論是刷新整個頁面還是局部刷新，都能大大提升用戶體驗，讓用戶能夠實時獲取最新的數據。因此，在開發網頁應用時，我們可以充分利用AJAX技術，搭配定時刷新頁面，為用戶提供更好的使用體驗。