`
as1001001
  • 浏览: 90997 次
  • 性别: Icon_minigender_1
  • 来自: 鞍山
社区版块
存档分类
最新评论

js取服务器时间显示时钟

阅读更多
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());
    }

分享到:
评论
1 楼 mqlfly2008 2011-04-21  
这个时钟会不会在页面访问后,客户端调节了时间,从而让时间不准确呢!!!!个人认为如果是服务器时间的走表,所走的肯定就是一个服务器时间,跟客户端时间不能有关系,有关系了,表肯定会不准确的

相关推荐

    js动态实现美观的时钟展示显示

    在JavaScript中,动态实现美观的时钟展示显示是一项常见的任务,它可以用来提升网站或应用的用户体验。本教程将深入探讨如何使用JavaScript来创建一个实时更新、界面美观的时钟组件。 首先,我们需要理解时间的基本...

    js学习-数码时钟-动态显示当前时间

    在这个“js学习-数码时钟”项目中,我们将探讨如何利用JavaScript来创建一个实时更新,显示当前时间的数码时钟。 1. **基本概念** - **JavaScript**: 是一种解释型、弱类型、基于原型和事件驱动的编程语言,由网景...

    node.js-clock时钟web服务器案例

    在这个“node.js-clock时钟web服务器案例”中,我们将深入探讨如何使用Node.js创建一个简单的实时显示当前时间的Web服务器,以及如何自定义URL路径来扩展功能。 首先,让我们了解Node.js的基础。Node.js是一个开放...

    纯Js实现的精美液晶时钟

    3. **DOM操作**:液晶时钟需要将时间显示在网页上,这就涉及到对HTML元素的操作。JavaScript提供了`document.getElementById`或`querySelector`等方法来选中元素,以及`innerHTML`或`textContent`属性来修改元素的...

    基于JavaScript的数字时钟

    为了实现数字时钟,我们需要使用`setInterval`函数来定期更新时间显示。这个函数会按照指定的间隔(以毫秒为单位)重复执行一个函数。下面是一个简单的例子: ```javascript setInterval(function() { var now = ...

    关于ftp下显示的时间和系统时间不一致的解决方法

    javascript 显示当前系统时间代码Android开发技巧之永不关闭的Toast信息框(长时间显示而非系统关闭)js显示当前系统时间的代码C#中动态显示当前系统时间的实例方法jsp实现页面实时显示当前系统时间的方法TextView显示...

    js 动态显示从服务器取的时间

    在JavaScript(JS)编程中,...通过理解这些概念,你可以创建一个实时更新的时钟组件,让Web应用的时间显示始终与服务器保持一致。在实际开发中,你可能还需要考虑时区转换、性能优化等问题,以提供更好的用户体验。

    vue.js数字时钟本地时间代码.zip

    在这个“vue.js数字时钟本地时间代码”项目中,开发者创建了一个能够显示当前本地时间和日期的数字时钟。时钟不仅会显示小时、分钟和秒,还会包括星期和日期,使得它成为一款功能齐全的桌面小部件。 在JavaScript中...

    支持与服务器自动校准的数字时钟 js实现 bootStrap部分美化

    我们解析这个时间信息,然后用它来校准本地的JavaScript时间,确保无论用户所在时区,时钟始终显示服务器时间。 3. **Bootstrap**: Bootstrap是一个流行的前端开发框架,它提供了一系列预设的CSS样式和组件,可以...

    node.js时钟案例

    JavaScript部分则负责获取当前时间并更新时钟显示。Node.js提供了`Date`对象,可以用来获取当前时间。我们可以设置一个定时器(如`setInterval`),每隔一定时间(比如每秒)更新时钟的小时、分钟和秒数。为了在Node...

    javascript+html实现的时钟

    这里的`&lt;style&gt;`标签定义了时钟显示的样式,而`&lt;script&gt;`标签则链接了一个名为`script.js`的外部JavaScript文件,这个文件将包含实现时钟功能的代码。 接下来,我们讨论JavaScript部分。`script.js`文件会包含一个...

    javascript写的时钟

    JavaScript编写的时钟是一种常见的网页动态效果,它利用了JavaScript语言强大的时间和日期处理能力来实时显示当前时间。在这个实例中,我们主要会涉及到以下几个JavaScript的知识点: 1. **全局变量与函数**:在...

    javascript动态显示钟表

    在网页开发中,有时我们需要为用户提供实时的时间显示功能,比如动态显示当前时间的钟表。本文将详细介绍如何使用JavaScript(简称JS)来实现一个简单的动态时钟效果。该示例不仅能够实时更新时间,还能自动在小时、...

    js显示时间 农历 节日节气 - 自动刷新不带格式

    在JavaScript(JS)编程中,处理时间、农历和节日节气是常见的需求,尤其是在开发网页应用时。本文将深入探讨如何使用JavaScript实现这些功能,并基于提供的"js显示时间 农历 节日 - 自动刷新不带格式.html"文件进行...

    js显示当前时间、时间

    `将当前时间显示在页面指定的元素上,而不是仅仅在控制台打印。 总的来说,JavaScript通过`Date`对象提供了强大的日期和时间处理能力,开发者可以根据具体需求灵活运用这些方法来获取、格式化和展示当前日期和时间...

    js实现的一个时钟页面

    这个时钟不仅显示当前的时间,还包含了日期信息。以下是对这段代码涉及的关键知识点的详细解析: ### 1. HTML与JavaScript结合 在网页开发中,HTML负责页面的结构布局,而JavaScript则负责页面上的动态效果和交互...

    网页显示电子时钟 javascript

    具体来说,通过 JavaScript 的 `Date` 对象获取当前时间,并通过 DOM 操作将时间显示在网页上。此外,还通过定时器实现了时间的实时更新。这种技术可以广泛应用于需要实时显示数据的网页应用中。

    用JSP实现显示时钟

    这可以通过使用JavaScript的`setInterval()`函数实现,但是由于题目提到的是JSP,所以我们将使用Java的Servlet技术来处理服务器端的时钟更新。 `ClockApplet.java`可能是一个独立的Java类,它实现了时钟的逻辑。在...

    asp.net js服务器时钟

    3. 使用JavaScript和AJAX来定期请求服务器时间,并更新页面上的时间显示。如果使用EXT.core,可以创建定时器(`Ext.util.TaskRunner`)和Ajax请求(`Ext.Ajax.request`)。 ```javascript Ext.onReady(function () ...

    js做的精简时钟

    在这个“js做的精简时钟”项目中,我们利用了JavaScript的核心特性来实现一个实时显示时间的简单时钟。接下来,我们将深入探讨这个项目中涉及的JavaScript知识点。 1. **变量和数据类型**:在JavaScript中,我们...

Global site tag (gtag.js) - Google Analytics