调用服务器时间的倒计时程序

最新推荐文章于 2023-01-14 17:30:08 发布

原创最新推荐文章于 2023-01-14 17:30:08 发布 · 803 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #xmlhttprequest #date #javascript #function #server

Javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的倒计时功能，通过获取服务器时间来确保准确性，并实时更新剩余时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

源码如下：
<html >
<head id="Head1" runat="server">
   <title>倒计时 by lifeiinc</title>
   <script language="javascript" type="text/javascript">

   //author:lifei
   //date:2011.08.24
   //Email:lifeiinc@vip.qq.com

function GetRTime(){

var xmlHttp = false;
//获取服务器时间
try {
   xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
   try {
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
   } catch (e2) {
   xmlHttp = false;
   }
}

if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
   xmlHttp = new XMLHttpRequest();
}

xmlHttp.open("GET", "null.txt", false);
xmlHttp.setRequestHeader("Range", "bytes=-1");
xmlHttp.send(null);

severtime=new Date(xmlHttp.getResponseHeader("Date"));

//获取服务器日期
var year=severtime.getFullYear();
var month=severtime.getMonth()+1;
var date=severtime.getDate();
//获取服务器时间
var hour=severtime.getHours();
var minu=severtime.getMinutes();
var seco=severtime.getSeconds();

var EndTime= new Date(2011,9,19,18,0); //截止时间:2011年9月19日18时0分
var serverTime = new Date(year,month,date,hour,minu,seco);//服务器端时间
var nMS =EndTime.getTime() - serverTime.getTime();
var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));
var nH=Math.floor(nMS/(1000*60*60)) % 24;
var nM=Math.floor(nMS/(1000*60)) % 60;
var nS=Math.floor(nMS/1000) % 60;
if(nD>= 0){
document.getElementById("RemainD").innerHTML=nD;
document.getElementById("RemainH").innerHTML=nH;
if(nM>=10)
{
document.getElementById("RemainM").innerHTML=nM;
}
else
{
document.getElementById("RemainM").innerHTML='0'+nM;
}
if(nS>=10)
{
document.getElementById("RemainS").innerHTML=nS;
}
else
{
document.getElementById("RemainS").innerHTML='0'+nS;
}
}
else {
document.getElementById("CountMsg").innerHTML="2008年高考已结束！";
}
setTimeout("GetRTime()",1000);
}
window.onload=GetRTime;
// -->

</script>

</head>
<body>
   <div>
   <p align="center">
   您好，距离倒计时结束还有：<span id="RemainD">XX</span>天<span id="RemainH">XX</span>小时<span id="RemainM">XX</span>分<span id="RemainS">XX</span>秒</p>
   </div>
</body>
</html>

--------------------------
又不明白的可以e-mail联系我。