使用moment.js和setInterval的动态日期和时间

bch*_*chr 14 javascript jquery setinterval momentjs

我试图找出如何使用moment.js显示动态日期和时间.

显然我无法理解正确使用setInterval.

如果可能的话我宁愿不使用jQuery作为moment.js也不需要它.

这是我到目前为止所拥有的:http://jsfiddle.net/37fLF/2/.

$(document).ready(function () {
    var datetime = $('#datetime'),
        date = moment(new Date()),
        update = function(){
            datetime.html(date.format('dddd, MMMM Do YYYY, h:mm:ss a'));
        };
    update();
    setInterval(update, 1000);
});?
Run Code Online (Sandbox Code Playgroud)

Mil*_*Joe 23

我在你的代码中做了一些修改:

请注意,方法更新现在位于ready事件处理程序之外

码:

var datetime = null,
        date = null;

var update = function () {
    date = moment(new Date())
    datetime.html(date.format('dddd, MMMM Do YYYY, h:mm:ss a'));
};

$(document).ready(function(){
    datetime = $('#datetime')
    update();
    setInterval(update, 1000);
});
Run Code Online (Sandbox Code Playgroud)

工作演示:jsfiddle

  • 更新了更新版本的moment.js,因为jsfiddle被破坏了:http://jsfiddle.net/timrpeterson/37fLF/217/ (2认同)