Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/swift/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在不刷新页面的情况下使用JavaScript显示当前时间_Javascript - Fatal编程技术网

如何在不刷新页面的情况下使用JavaScript显示当前时间

如何在不刷新页面的情况下使用JavaScript显示当前时间,javascript,Javascript,目前,我们正在通过以下JavaScript函数在ColdFusion webapp中显示时间戳信息。当用户单击网页上的HTML按钮时,将调用此函数。问题是,时间仅在最后一次页面加载时是当前的。因此,如果用户在页面上坐了一段时间,时间就会变得不准确 在JavaScript中是否有一种更优雅、更准确的方法来实现这一点?或者在ColdFusion中有没有一种方法可以实时提取服务器时钟信息 HTML按钮 <input class="timerStart" id="startButton2" typ

目前,我们正在通过以下JavaScript函数在ColdFusion webapp中显示时间戳信息。当用户单击网页上的HTML按钮时,将调用此函数。问题是,时间仅在最后一次页面加载时是当前的。因此,如果用户在页面上坐了一段时间,时间就会变得不准确

在JavaScript中是否有一种更优雅、更准确的方法来实现这一点?或者在ColdFusion中有没有一种方法可以实时提取服务器时钟信息

HTML按钮

<input class="timerStart" id="startButton2" type="button" value="Insert Start Time" onclick="insertAtCaret('messageBody','---Start Time:#DateFormat(Now())# : #TimeFormat(Now())#---');" />

使用用户系统时间,您可以使用JavaScript
date
函数访问当前时间和日期

例如,您可以将代码更改为:

<input class="timerStart" id="startButton2" type="button" value="Insert Start Time" onclick="insertAtCaret('messageBody','---Start Time: ' + (new Date()).toUTCString() + ' ---');" />


这不会产生与以前完全相同的日期/时间格式,但它为您提供了一个开始,以进一步研究此主题。要真正处理日期,还可以查看
momentjs
库:

我不知道js代码应该做什么,但我知道
Date.now()
是一个返回当前日期和时间的javascript函数。然后,您可以使用
getHours()
getMinutes()
函数,并按照您认为合适的方式显示结果。时间是否真的需要与服务器时间匹配,或者您是否对使用用户计算机的时间感到满意(在大多数情况下,这是正确的)?如果您对此感到满意,您需要将格式化的日期字符串发送到JavaScript函数,这里可以找到格式示例:如果您确实想使用服务器时间,则需要创建服务器端脚本,并使用Ajax请求提取时间。@Maartenverman-使用用户计算机的时间是可以的,只要时间是最新的。就像我在我的帖子中提到的,我现在做的只是在最后一次页面加载时的最新方式。
<input class="timerStart" id="startButton2" type="button" value="Insert Start Time" onclick="insertAtCaret('messageBody','---Start Time: ' + (new Date()).toUTCString() + ' ---');" />