如何使用 JavaScript 或 jQuery 动态更改时间（纯文本）？

Question

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 incrementing each second.

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

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.