当前位置：首页 > 服务器 > 正文

js实时显示服务器时间（js获取实时时间）

admin
服务器
2022-12-20 07:35:26
19

本篇文章给大家谈谈js实时显示服务器时间，以及js获取实时时间对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

1、js如何取得服务器时间
2、怎么通过js获取服务器当前时间
3、ASP做考勤系统,想在客户端显示服务器的当前时间并能够在客户端利用JS实时显示?也就是可以走动的时间?
4、js如何获取服务器时间
5、JS倒计时页面代码（要求读取服务器时间）
6、JS 5秒倒计时的代码怎么写？时间要实时显示在屏幕上的。

js如何取得服务器时间

正如楼上所说的，js只能操作客户端的东西。在客户端时刻显示并更新服务器的时间应该是不可能的，因为会由于网络延迟的因素使得时间不精确。

打个比方，可以使用ajax每秒钟获取服务器的时间，然后再显示出来，但是可能这个用户的网络延迟比较厉害，他请求的这个时间过了两三秒才返回给客户端，那这样更新时间就不精确了。

也可以这样，第一次从服务器那里获取时间，然后再客户端用js，每秒累加数，就是以获取服务器的那个时间为起掉，用客户端代码每秒累加这个时间

js实时显示服务器时间（js获取实时时间）

怎么通过js获取服务器当前时间

如果是网页前端的js是无法直接获得服务器时间的。只能借助一些服务器端语言，比如PHP，JSP，ASP等。方法是在服务器端获取服务器时间，然后输出一条js的幅值语句。

ASP做考勤系统,想在客户端显示服务器的当前时间并能够在客户端利用JS实时显示?也就是可以走动的时间?

我说说我的想法。用JS代码通过XMLHttp获取服务器时间动态刷新显示即可显示为当前时间。误差要求不是太大的话（考勤嘛）可以每20秒刷一次。

GetTime.asp (UTF-8编码)

=======================================

%@LANGUAGE="VBSCRIPT.Encode" CODEPAGE="65001"%%

Response.Expires = 0

%%= Now() %

=======================================

GetTime.js

-------------------------------

var xmlHttp = false;var tID;

if (!xmlHttp typeof XMLHttpRequest != "undefined") {

xmlHttp = new XMLHttpRequest();

}

function ShowTime() {

clearInterval(tID);

var url = "GetTime.asp";

xmlHttp.open("GET", url, true);

xmlHttp.onreadystatechange = function() {

if (xmlHttp.readyState == 4 xmlHttp.status == 200) {

var response = xmlHttp.responseText;

document.getElementById("ShowTime_Div").innerHTML=response;

}

xmlHttp.send(null);

tID = setInterval("ShowTime()",10000);//每10秒刷新

}

-------------------------------

test.htm

-----------------------------------------

htmlhead

script src="GetTime.js" type="text/javascript"/script/head

body onload="ShowTime()"

div id="ShowTime_Div"div

/body/html

-----------------------------------------

js如何获取服务器时间

直接给你代码吧，这个是JS可以读取本地时间和服务器时间的。如果想看效果可以看参考资料

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns="" xml:lang="en" lang="en"

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8"/

titleuntitled/title

script type="text/javascript"

get=function (id){return document.getElementById(id)}

if(document.all){

window.XMLHttpRequest=function(){

var get=['Microsoft.XMLHTTP','Msxml2.XMLHTTP'];

for(var i=0;iget.length;i++){try{return new ActiveXObject(get[i])}catch(e){}};

};

}

webDate=function(fn){

var Htime=new XMLHttpRequest();

Htime.onreadystatechange=function(){Htime.readyState==4(fn(new Date(Htime.getResponseHeader('Date'))))};

Htime.open('HEAD', '/?_='+(-new Date));

Htime.send(null);

}

window.time=new Date();

targetTime=new Date();

time2String=function (t){

with(t)return [getFullYear(),'年'

,('0'+(getMonth()+1)).slice(-2),'月'

,('0'+getDate()).slice(-2),'日 '

,('0'+getHours()).slice(-2),': '

,('0'+getMinutes()).slice(-2),': '

,('0'+getSeconds()).slice(-2)].join('')

}

int2time=function (m){

m-=(D=parseInt(m/86400000))*86400000;

m-=(H=parseInt(m/3600000))*3600000;

S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000);

return D+'天'+H+'小时'+M+'分'+S+'秒'

}

setInterval(function (){

webDate(function (webTime){

get('web').innerHTML=time2String(time=webTime);

})

get('locale').innerHTML=time2String(new Date);

get('time').innerHTML=int2time(targetTime-time);

if ((targetTime-time)0) {

get('time').innerHTML = 'Game Over';

}

},1000)

/script

/head

body

设定时间：2012年12月31日0时0分0秒br /

服务器时间:span id='web'loading.../spanbr /

本地时间:span id="locale"loading.../spanbr /

倒计时时间:span id="time"loading.../span

script type="text/javascript" charset="utf-8"

targetTime=new Date(2012,12,31,00,00,00);

/script

/body

/html

JS倒计时页面代码（要求读取服务器时间）

script language="JavaScript"

function setTab(name,cursel,n){

for(i=1;i=n;i++){

var menu=document.getElementById(name+i);

var con=document.getElementById("con_"+name+"_"+i);

menu.className=i==cursel?"hover":"";

con.style.display=i==cursel?"block":"none";

}

}var DifferenceHour = -1

var DifferenceMinute = -1

var DifferenceSecond = -1

var Tday = new Date("Feb 14, 2010 00:00:00") //**倒计时时间点-注意格式

var daysms = 24 * 60 * 60 * 1000

var hoursms = 60 * 60 * 1000

var Secondms = 60 * 1000

var microsecond = 1000function left(mainStr,lngLen) {

if (lngLen0) {return mainStr.substring(0,lngLen)}

else{return null}

}

function right(mainStr,lngLen) { if (mainStr.length-lngLen=0 mainStr.length=0 mainStr.length-lngLen=mainStr.length) {

return mainStr.substring(mainStr.length-lngLen,mainStr.length)}

else{return null}

}

function mid(mainStr,starnum,endnum){

if (mainStr.length=0){

return mainStr.substr(starnum,endnum)

}else{return null} }function clock()

{

var time = new Date()

var hour = time.getHours()

var minute = time.getMinutes()

var second = time.getSeconds()

var timevalue = ""+((hour 12) ? hour-12:hour)

timevalue +=((minute 10) ? ":0":":")+minute

timevalue +=((second 10) ? ":0":":")+second

timevalue +=((hour 12 ) ? " PM":" AM")var convertHour = DifferenceHour

var convertMinute = DifferenceMinute

var convertSecond = DifferenceSecond

var Diffms = Tday.getTime() - time.getTime()

DifferenceHour = Math.floor(Diffms / daysms)

Diffms -= DifferenceHour * daysms

DifferenceMinute = Math.floor(Diffms / hoursms)

Diffms -= DifferenceMinute * hoursms

DifferenceSecond = Math.floor(Diffms / Secondms)

Diffms -= DifferenceSecond * Secondms

var dSecs = Math.floor(Diffms / microsecond)var dd=document.getElementById("dd");

var hh=document.getElementById("hh");

var mm=document.getElementById("mm");

var ss=document.getElementById("ss");ddstr = DifferenceHour.toString();

hhstr = DifferenceMinute.toString();

mmstr = DifferenceSecond.toString();

ssstr = dSecs.toString();if (Tday.getTime() time.getTime()){

if (ddstr.length2){

ddstrs = "span class='num0'/spanspan class='num"+ddstr.substr(0,1)+"'/span";

}else{

ddstrs = "span class='num"+ddstr.substr(0,1)+"'/spanspan class='num"+ddstr.substr(1,2)+"'/span";

}if (hhstr.length2){

hhstrs = "span class='num0'/spanspan class='num"+hhstr.substr(0,1)+"'/span";

}else{

hhstrs = "span class='num"+hhstr.substr(0,1)+"'/spanspan class='num"+hhstr.substr(1,2)+"'/span";

}if (mmstr.length2){

mmstrs = "span class='num0'/spanspan class='num"+mmstr.substr(0,1)+"'/span";

}else{

mmstrs = "span class='num"+mmstr.substr(0,1)+"'/spanspan class='num"+mmstr.substr(1,2)+"'/span";

}if (ssstr.length2){

ssstrs = "span class='num0'/spanspan class='num"+mmstr.substr(0,1)+"'/span";

}else{

ssstrs = "span class='num"+ssstr.substr(0,1)+"'/spanspan class='num"+ssstr.substr(1,2)+"'/span";

}

}else{

ddstrs="span class='num0'/spanspan class='num0'/span"

hhstrs="span class='num0'/spanspan class='num0'/span"

mmstrs="span class='num0'/spanspan class='num0'/span"

ssstrs="span class='num0'/spanspan class='num0'/span"

}if(convertHour != DifferenceHour) dd.innerHTML=ddstrs;

if(convertMinute != DifferenceMinute) hh.innerHTML=hhstrs;

if(convertSecond != DifferenceSecond) mm.innerHTML=mmstrs;

ss.innerHTML=ssstrs;

setTimeout("clock()",1000)}/script 上面的是JS部分的。下面是HTML部分的。div class="mains"

div class="djs"

div id="dd"/div

div id="tsfm"天/div

div id="hh"/div

div id="tsfm"时/div

div id="mm"/div

div id="tsfm"分/div

div id="ss"/div

div id="tsfm"秒/div

/div 我上面的JS部分的数字全部是用的图片格式显示倒计时数字的哈，你也可以自己改成数字。好了，上面的代码全部是我之前给客户写的一个春节倒计时贺卡的程序页面，纯原创，并且一直在用，所以是没有任何问题的，你自己应该懂一些技术吧，所以上面的代码你应该看的懂，很简单的。就不要再追问了，自己多下下功夫研究下，因为最近比较忙，不见得有时间回复，见谅。记得给我分哈，要升级这个号的级别，以后好推广用，谢谢了。