如何使用jQuery定期更新页面上的日期/时间值？ [英] How to periodically update a date/time value on a page using jQuery?

问题描述

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

In this example, I have an input text field that contains a datetime value set with jQuery.

http://jsfiddle.net/D4Hu9/

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秒更新一次这个值？

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

推荐答案

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

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

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

这篇关于如何使用jQuery定期更新页面上的日期/时间值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！