JQuery & Timer :: Updating the text of a hyperlink from a webservice

Question

What I'm to figure out how to do is execute a web service on a remote server to determine how many messages there are available to read and populate the text of a hyperlink with the message count. The trick is I'd like this to be fired from a timer (every 5 mins for example). Here's what I've been messing with

$.ajax( {type:'Get',url:'http://example.com/ws',success:function(messageCount) 
    { 
        $('a.message').text(messageCount + ' Messages');
    }
})

but admittedly, I am utterly clueless when it comes to timers in Javascript/jQuery. Any help would be greatly appreciated.

Answer 1

You need to use the setInterval() function. This will run a defined function at the specified interval. Try this:

$(function() {
    setInterval("getDataFromWS()", 300000) // 300,000 miliseconds is 5 minutes
});

function getDataFromWS() {
    $.ajax({
        type:'Get',
        url:'http://foobar.com/ws',
        success:function(messageCount) { 
            $('a.message').text(messageCount + ' Messages');
        }
    })
}