AJAX是一種在網頁中實現異步交互的技術，通過AJAX可以實現網頁的自動刷新功能。在很多場景下，我們需要定時獲取服務器上的最新數據，以便及時反饋給用戶。比如，在一個在線聊天室中，用戶希望能實時看到其他用戶的消息更新；或者在一個股票行情網站中，用戶希望能夠定時獲取到最新的股票信息。本文將介紹如何使用AJAX實現這種定時自動刷新的功能。

要實現定時自動刷新功能，我們首先需要使用AJAX發送請求到服務器，獲取最新的數據。然后，將獲取到的數據更新到網頁上，以實現實時更新的效果。下面是一個簡單的例子：

var timerId = setInterval(function() {
// 使用AJAX發送請求
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 獲取到最新的數據，并更新到頁面上
var data = JSON.parse(xhr.responseText);
document.getElementById('message').innerHTML = data.message;
}
}
};
xhr.send();
}, 5000);

在上面的例子中，我們使用了setInterval函數來定時執行代碼塊。這里每隔5秒鐘就會發送一次AJAX請求到服務器，并獲取最新的消息。如果請求成功，就將獲取到的消息更新到頁面上，以實現自動刷新的效果。

除了使用setInterval函數來定時刷新，我們還可以使用setTimeout函數來實現自動刷新。下面是一個使用setTimeout函數的例子：

function refreshData() {
// 使用AJAX發送請求
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 獲取到最新的數據，并更新到頁面上
var data = JSON.parse(xhr.responseText);
document.getElementById('message').innerHTML = data.message;
}
// 繼續下一次刷新
setTimeout(refreshData, 5000);
}
};
xhr.send();
}
// 第一次刷新
refreshData();

在上面的例子中，我們定義了一個名為refreshData的函數，該函數實現了發送AJAX請求和更新頁面的功能。在函數的最后，我們使用setTimeout函數來定時調用refreshData函數，以實現定時刷新的效果。這樣，每次刷新完成之后，都會再次調用setTimeout函數，從而實現循環刷新。

通過以上的例子，我們可以看到，使用AJAX實現定時自動刷新功能并不復雜。只需要定時發送AJAX請求，并將獲取到的數據更新到頁面上即可。這樣，用戶就能夠實時獲取最新的數據，提升了用戶體驗。