BS系统,要让原来的JS取本地时间的时钟变成取服务器的时间,这里的想法是取出服务器的时间与本地的时间相减(转为毫秒),然后每次秒变时都把这个差值算上。
对于局域网的应用,一般不用考虑取值的时间,如果是网络不稳定可以考虑把从服务器取值的时间也加进去,这样更为精确。
//用来存放差值
var differentMillisec = 0;
function init() {
//取时间差值
getServerDate();
//取得显示时间
showtime();
}
//取得显示时间
function showtime(){
now = new Date();
now.setTime(differentMillisec + now.getTime());
var str = now.getYear() + "年";
var temp = now.getMonth() + 1;
if (temp < 10) str += "0";
str += temp + "月";
temp = now.getDate();
if (temp < 10) str += "0";
str += temp + "日";
var today = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
str += " " + today[now.getDay()] + " ";
temp = now.getHours();
if (temp < 10) str += "0";
str += temp + ":";
temp = now.getMinutes();
if (temp < 10) str += "0";
str += temp + ":";
temp = now.getSeconds();
if (temp < 10) str += "0";
str += temp;
document.getElementById("Head1Right_Time").innerHTML = str;
ctroltime=setTimeout("showtime()", 1000);
}
//从服务器取时间,用的buffalo取
function getServerDate() {
begin = new Date();
millisecbeg = begin.getTime();
try {
var buffalo = new Buffalo(endPointTop);
buffalo.remoteCall("desktopService.getServerDate", [], function(reply) {
var serverMillisec = reply.getResult();
end = new Date();
millisecend = end.getTime();
differentMillisec = serverMillisec - new Date() + (millisecend - millisecbeg)/2;
});
} catch (ex) {
}
}
//获得服务器当前时间
public String getServerDate() {
return String.valueOf(System.currentTimeMillis());
}
分享到:
相关推荐
在JavaScript中,动态实现美观的时钟展示显示是一项常见的任务,它可以用来提升网站或应用的用户体验。本教程将深入探讨如何使用JavaScript来创建一个实时更新、界面美观的时钟组件。 首先,我们需要理解时间的基本...
在这个“js学习-数码时钟”项目中,我们将探讨如何利用JavaScript来创建一个实时更新,显示当前时间的数码时钟。 1. **基本概念** - **JavaScript**: 是一种解释型、弱类型、基于原型和事件驱动的编程语言,由网景...
在这个“node.js-clock时钟web服务器案例”中,我们将深入探讨如何使用Node.js创建一个简单的实时显示当前时间的Web服务器,以及如何自定义URL路径来扩展功能。 首先,让我们了解Node.js的基础。Node.js是一个开放...
3. **DOM操作**:液晶时钟需要将时间显示在网页上,这就涉及到对HTML元素的操作。JavaScript提供了`document.getElementById`或`querySelector`等方法来选中元素,以及`innerHTML`或`textContent`属性来修改元素的...
为了实现数字时钟,我们需要使用`setInterval`函数来定期更新时间显示。这个函数会按照指定的间隔(以毫秒为单位)重复执行一个函数。下面是一个简单的例子: ```javascript setInterval(function() { var now = ...
javascript 显示当前系统时间代码Android开发技巧之永不关闭的Toast信息框(长时间显示而非系统关闭)js显示当前系统时间的代码C#中动态显示当前系统时间的实例方法jsp实现页面实时显示当前系统时间的方法TextView显示...
在JavaScript(JS)编程中,...通过理解这些概念,你可以创建一个实时更新的时钟组件,让Web应用的时间显示始终与服务器保持一致。在实际开发中,你可能还需要考虑时区转换、性能优化等问题,以提供更好的用户体验。
在这个“vue.js数字时钟本地时间代码”项目中,开发者创建了一个能够显示当前本地时间和日期的数字时钟。时钟不仅会显示小时、分钟和秒,还会包括星期和日期,使得它成为一款功能齐全的桌面小部件。 在JavaScript中...
我们解析这个时间信息,然后用它来校准本地的JavaScript时间,确保无论用户所在时区,时钟始终显示服务器时间。 3. **Bootstrap**: Bootstrap是一个流行的前端开发框架,它提供了一系列预设的CSS样式和组件,可以...
JavaScript部分则负责获取当前时间并更新时钟显示。Node.js提供了`Date`对象,可以用来获取当前时间。我们可以设置一个定时器(如`setInterval`),每隔一定时间(比如每秒)更新时钟的小时、分钟和秒数。为了在Node...
这里的`<style>`标签定义了时钟显示的样式,而`<script>`标签则链接了一个名为`script.js`的外部JavaScript文件,这个文件将包含实现时钟功能的代码。 接下来,我们讨论JavaScript部分。`script.js`文件会包含一个...
JavaScript编写的时钟是一种常见的网页动态效果,它利用了JavaScript语言强大的时间和日期处理能力来实时显示当前时间。在这个实例中,我们主要会涉及到以下几个JavaScript的知识点: 1. **全局变量与函数**:在...
在网页开发中,有时我们需要为用户提供实时的时间显示功能,比如动态显示当前时间的钟表。本文将详细介绍如何使用JavaScript(简称JS)来实现一个简单的动态时钟效果。该示例不仅能够实时更新时间,还能自动在小时、...
在JavaScript(JS)编程中,处理时间、农历和节日节气是常见的需求,尤其是在开发网页应用时。本文将深入探讨如何使用JavaScript实现这些功能,并基于提供的"js显示时间 农历 节日 - 自动刷新不带格式.html"文件进行...
`将当前时间显示在页面指定的元素上,而不是仅仅在控制台打印。 总的来说,JavaScript通过`Date`对象提供了强大的日期和时间处理能力,开发者可以根据具体需求灵活运用这些方法来获取、格式化和展示当前日期和时间...
这个时钟不仅显示当前的时间,还包含了日期信息。以下是对这段代码涉及的关键知识点的详细解析: ### 1. HTML与JavaScript结合 在网页开发中,HTML负责页面的结构布局,而JavaScript则负责页面上的动态效果和交互...
具体来说,通过 JavaScript 的 `Date` 对象获取当前时间,并通过 DOM 操作将时间显示在网页上。此外,还通过定时器实现了时间的实时更新。这种技术可以广泛应用于需要实时显示数据的网页应用中。
这可以通过使用JavaScript的`setInterval()`函数实现,但是由于题目提到的是JSP,所以我们将使用Java的Servlet技术来处理服务器端的时钟更新。 `ClockApplet.java`可能是一个独立的Java类,它实现了时钟的逻辑。在...
3. 使用JavaScript和AJAX来定期请求服务器时间,并更新页面上的时间显示。如果使用EXT.core,可以创建定时器(`Ext.util.TaskRunner`)和Ajax请求(`Ext.Ajax.request`)。 ```javascript Ext.onReady(function () ...
在这个“js做的精简时钟”项目中,我们利用了JavaScript的核心特性来实现一个实时显示时间的简单时钟。接下来,我们将深入探讨这个项目中涉及的JavaScript知识点。 1. **变量和数据类型**:在JavaScript中,我们...