动态日期和时间与moment.js和setInterval(Dynamic date and tim

我试图找出我怎么能显示动态的日期和时间使用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);
});​

Answer 1:

我做了你的代码的一些修改：

需要注意的是该方法的更新现在外面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);
});

工作演示： 的jsfiddle

Answer 2:

再次，感谢您的回答。 我结束了代码如下。 （注丹麦的i18n）

moment.lang('da');

var datetime = null, date = null;

var datetime_update = function() {
  date = moment(new Date());
  datetime.html(date.format('[Lige nu: ] dddd [d.] Do MMMM YYYY [kl.] HH:mm:ss'));
};

$(document).ready(function() {
  datetime = $('#datetime');
  datetime_update();
  setInterval(datetime_update, 1000);
});

编辑 ：这里后九个月我问这个quesiton我想出了这个办法做到这一点没有jQuery的（因为我最初问）。 这里是：

function date_time() {
  now = moment().format('dddd [d.] Do MMMM YYYY [kl.] HH:mm:ss');
  document.getElementById('timer').innerHTML = now;
  setTimeout(function () { date_time(); }, 1000);
}
date_time();

并用HTML ID那么当然这样使用它：

<span id="timer"></span>

Answer 3:

放

date = moment(new Date());

里面的更新功能。 现在你只打印在同一天每一秒;）

Answer 4:

这是怎么一回事呢我和它的工作ü可以点击此处查看

HTML

的<asp：标签ID = “Label1的” RUNAT = “服务器” 文本= ''>

JavaScript
< script language="javascript" type="text/javascript">
function date_time() 
{
var dt = new Date();
document.getElementById('<%=Label1.ClientID%>').innerHTML = dt;
setTimeout(function () { date_time(); }, 1000);
}
date_time();
< /script>

文章来源: Dynamic date and time with moment.js and setInterval