How can i dynamically change the time (which is plain text) using JavaScript or JQuery?

Question

Hi folks,

on this website the textual time is dynamically updated .. i'm guessing using javascript.

this is the html code, using Firebug to inspect the page ...

<strong class="big" id="ct">Friday, 3 September 2010 at 8:17:21 AM</strong>

with that time value incremementing each second.

I'm guessing some javascript updates the 'ct' element .. but I can't find the code to how that's done?

Can anyone help?

Answer 1

The javascript code on this page is obfuscated and that't probably why you can't find it. To achieve this you could use the setInterval function:

$(function() {
    setInterval(function() {
        $('#ct').html(new Date().toString());
    }, 1000);
});

Answer 2

You can also use setTimeout method as follows:

function updateTime() {
    var dtString = new Date().toString();
    $('#lblDate').html(dtString);
    setTimeout(updateTime,1000);
}
updateTime();

It's different than setInterval. setTimeout must be called again in each function call to make it work like setInterval.