如何使用jQuery定期更新页面上的日期/时间值？

Question

在这个例子中,我有一个输入文本字段,其中包含使用jQuery设置的日期时间值.

http://jsfiddle.net/D4Hu9/

HTML:

<input id="foo" name="foo" type="text" value="" size="55" />

JS:

jQuery(document).ready(function()
{
    var now = new Date();
     jQuery('#foo').val(now.toString());        
});

如何从jQuery每5秒更新一次这个值？

Answer 1

function updateTime() {
    var now = new Date();
    jQuery('#foo').val(now.toString());        
}

setInterval(updateTime, 5000); // 5 * 1000 miliseconds

这是小提琴:http://jsfiddle.net/28Tgz/1/