javascript - 时刻.js : how to update the time every minute?

标签 javascript jquery momentjs

我正在使用 moment.js 在我的网页上显示时间。我有 html div:

<div id="time"></div>

和以下 javascript:

<script>
    moment.tz.add('America/New_York|EST EDT|50 40|0101|1Lz50 1zb0 Op0');                                                                         
    var newYork = moment.tz("America/New_York").format('HH:mm a');
    $('#time').append( "Current time in New York: "+newYork );
</script>

当我运行该页面时,它会为我提供正确的时间,但它不会每分钟都发生变化,因此即使在 10 分钟左右后,我也能获得加载页面时可见的时间。有什么办法可以保持时间更新吗? 到目前为止,这是我的 fiddle :http://jsfiddle.net/93pEd/132/

最佳答案

使用 setInterval() 每 60 秒运行一次代码。

使用 html() 而不是 append() 以便覆盖之前的时间。

function updateTime(){
    var newYork = moment.tz("America/New_York").format('HH:mm a');
   $('#time').html( "Current time in New York: "+newYork );
};

moment.tz.add('America/New_York|EST EDT|50 40|0101|1Lz50 1zb0 Op0');                                                                         

updateTime();
setInterval(function(){
   updateTime();
},60000);

http://jsfiddle.net/93pEd/135/


这里还有一个使用秒的例子:

http://jsfiddle.net/93pEd/136/

关于javascript - 时刻.js : how to update the time every minute?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30075229/

相关文章:

javascript - 同位素 translate3d 值增加

javascript - 如何在node.style中使用div类样式元素?

javascript - Javascript/Asp.net 中的对话框未打印文本框

javascript - 使用 jQuery 创建一个干净的 if

javascript - Bootstrap 3 Popover : display on hover AND on click, 又名。固定弹出框

javascript - 从 Javascript 获取 InDesign CS5 中的当前页码

javascript - 移除 HTML5 输入类型 ="time"出现的箭头

javascript - 返回 null 属性 'preparse' 的时刻时区

javascript - 如何在日期时间选择器中使用两个验证器

javascript - 使用 JavaScript 将多个 DateTime Duration 字符串添加在一起以获得总持续时间