Ladda om enbart en DIV? Ajax?

du är på helt rätt spår.
dock är koden du postade inte riktigt rätt/komplett.

<script type="text/javascript">
var intervalId; // här sparar vi intervalIdt, så att man kan avbryta det hela med clearInterval(intervalId);
$(document).ready(function(){ // kör när dokumentet är färdig-laddat (så vi "vet" att elementen finns)
    intervalId = setInterval(function(){
        $('li.test').load('dinAjaxRequest.php');
    }, 1000); // tid i millisekunder, dvs 1000 = 1 sekund
});
</script>

.load()
setInterval()

det beror lite på hur man definierar ajax. det som händer är ju att den gör en request mot servern för att fylla din tag med "ny" information. det behöver ju inte vara en php-sida utan kan lika gärna vara en statisk html-sida, fast då är det ju ingen större mening att ladda om det med jämna mellanrum.

under förutsättning att du använder dig av någon form av serverside script (php, asp osv), så kan man ju alltid skicka med den aktuella tiden på servern till browsern i exempelvis ett dynamiskt genererat javascript eller i en javascript-variabel.

nedan följer ett exempel där setTimeout kör en funktion efter 123456ms. då laddas informationen från servern och sedan sätts det upp en omladdning var 30:e minut med setInterval.

var timeoutId;
var intervalId;

function doIt(){
    $('li.test').load('nyData.html');
}

$(document).ready(function(){
    timeoutId = setTimeout(function(){
        doIt();
        intervalId = setInterval(function(){
            doIt();
        }, 1800000);
    }, 123456); // delay beräknad på servern för att trigga funktionen vid lämplig tidpunkt
});

hur du beräknar vilken delay du ska sätta på din timeout överlämnar jag till dig.