Moment.js 以秒为单位动态更新时间答案

【问题标题】：Moment.js dynamically update time in secondsMoment.js 以秒为单位动态更新时间
【发布时间】：2016-01-06 04:42:48
【问题描述】：

我正在尝试显示一个时钟，该时钟每秒更新一次（例如 1/5/2015 12:05:01 然后 1/5/2015 12:05:02 等）使用 moment.js。

我发现以前的解决方案解决了我的问题（请参阅Dynamic date and time with moment js and setinterval），但是它不适用于最新版本的 moment.js (v2.11.0) .提供的解决方案使用 v2.6。

有人可以建议吗？

【问题讨论】：

标签： javascript jquery momentjs

【解决方案1】：

这对我来说似乎很好用。对于相同的代码。只有 moment.min.js 指向 v2.11.0

看看代码（致谢：MilkyWayJoe）-

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);
});

使用 v2.11.0 - JSFiddle Demo

【讨论】：

我加载的 javascript 文件不正确。感谢您及时回复。我犯了一个愚蠢的错误。
啊！我总是犯愚蠢的错误。快乐编码！ :)

【解决方案2】：

一个工作紧凑的解决方案。

JSFiddle

HTML

<div id="datetime"></div>

JavaScript

var update = function() {
    document.getElementById("datetime")
    .innerHTML = moment().format('MMMM Do YYYY, h:mm:ss a');
}
setInterval(update, 1000);

【讨论】：

【解决方案3】：

您提到的前面的解决方案确实适用于 moment.js v2.11.0。

代码：

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);
});

见JSFiddle

但是，在先前解决方案中接受的答案中的 JSFiddle 不起作用，并出现以下错误。

"Refused to execute script from 'https://raw.github.com/timrwood/moment/1.6.2/moment.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled."

可以通过简单地从适当的 CDN 加载脚本来修复它，如下所示：

https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.0/moment.min.js

【讨论】：