js实时显示服务器时间(js获取实时时间)
- 服务器
- 2022-12-20 07:35:26
- 20
本篇文章给大家谈谈js实时显示服务器时间,以及js获取实时时间对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、js如何取得服务器时间
- 2、怎么通过js获取服务器当前时间
- 3、ASP做考勤系统,想在客户端显示服务器的当前时间并能够在客户端利用JS实时显示?也就是可以走动的时间?
- 4、js如何获取服务器时间
- 5、JS倒计时页面代码(要求读取服务器时间)
- 6、JS 5秒倒计时的代码怎么写?时间要实时显示在屏幕上的。
js如何取得服务器时间
正如楼上所说的,js只能操作客户端的东西。在客户端时刻显示并更新服务器的时间应该是不可能的,因为会由于网络延迟的因素使得时间不精确。
打个比方,可以使用ajax每秒钟获取服务器的时间,然后再显示出来,但是可能这个用户的网络延迟比较厉害,他请求的这个时间过了两三秒才返回给客户端,那这样更新时间就不精确了。
也可以这样,第一次从服务器那里获取时间,然后再客户端用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部分的数字全部是用的图片格式显示倒计时数字的哈,你也可以自己改成数字。 好了,上面的代码全部是我之前给客户写的一个春节倒计时贺卡的程序页面,纯原创,并且一直在用,所以是没有任何问题的,你自己应该懂一些技术吧,所以上面的代码你应该看的懂,很简单的。 就不要再追问了,自己多下下功夫研究下,因为最近比较忙,不见得有时间回复,见谅。记得给我分哈,要升级这个号的级别,以后好推广用,谢谢了。
JS 5秒倒计时的代码怎么写?时间要实时显示在屏幕上的。
!DOCTYPE html
html lang="en"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlejs实现倒计时60秒的简单代码(推荐)/title
script type="text/javascript" src="js/jquery.js"/script
/head
body
input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /
script type="text/javascript"
var countdown=60;
function settime(val) {
if (countdown == 0) {
val.removeAttribute("disabled");
val.value="免费获取验证码";
countdown = 5;
} else {
val.setAttribute("disabled", true);
val.value="重新发送(" + countdown + ")";
countdown--;
setTimeout(function() {
settime(val)
},1000)
}
}
/script
/body
/html
JavaScript简介
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 课外书
如果 JavaScript 教程学习完毕,并且需要更深入地学习这门语言,《JavaScript 高级教程》绝对是您最好的选择。本教程从 JavaScript 的历史开始讲起,直到当前它对 XML 和 Web 服务的支持。
将学习到如何扩展该语言,以使它适应特殊的需求。
还将学到如何使用 JavaScript 创建无缝的客户机 - 服务器通信。
关于js实时显示服务器时间和js获取实时时间的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
本文由admin于2022-12-20发表在靑年PHP官网,如有疑问,请联系我们。
本文链接:https://www.qnphp.com/post/183177.html