Geek asks and answers

How to periodically update a date / time value on a page using jQuery?

In this example, I have an input text box containing the datetime value set using 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());        
});

How can I update this value every 5 seconds from jQuery?

+3
source share
1 answer
function updateTime() {
    var now = new Date();
    jQuery('#foo').val(now.toString());        
}

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

Here's the fiddle: http://jsfiddle.net/28Tgz/1/

+8
source

More articles:


All Articles