利用服务器时间，在客户端倒计时，避免客户端因时间不同而倒计时不同

最近有个秒杀的任务，需要倒计时，在网络上找了不少倒计时代码，但很多都是基于客户端时间的JS倒计时。

而基于服务器时间的倒计时比较少，而且比较复杂，不尽人意。

考虑到，无非两个步骤：1，获取服务端当前时间 2，JS设定截止时间并利用服务端时间进行倒计时计算。

 

关键在于取得服务端当前时间，

因为服务端代码（C#）DateTime.Now 取得的时间和客户端（JS）new Date() 取得的时间格式不一样。

而在JS中用这种格式进行时间计算比较准确：new Date("July 15 12:00:000  2010")

所以必须在C#中按照这种格式取得时间，再利用到客户端。

最理想的服务端时间格式化方法是：

System.DateTime.Now.ToString("MMMM dd HH:mm:ss yyyy", System.Globalization.DateTimeFormatInfo.InvariantInfo);

 

全部倒计时代码如下：

客户端

<mce:script type="text/javascript" language="JavaScript"><!-- var NowTime; function GetRTime(){ var EndTime= new Date("July 15 12:00:00 2010"); //截止时间 var nMS =EndTime.getTime() - NowTime.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; document.getElementById("RemainM").innerHTML=nM; document.getElementById("RemainS").innerHTML=nS; } else { } NowTime = new Date(NowTime.valueOf() + 1000); setTimeout("GetRTime()",1000); } window.οnlοad=function(){ NowTime=new Date(document.getElementById('<%=nowdate.ClientID %>').value); GetRTime(); document.getElementById("nowdate1").innerHTML=NowTime; document.getElementById("nowdate2").innerHTML=new Date(); } // --></mce:script> <div> <asp:HiddenField ID="nowdate" runat="server" /> </div> <div>服务器当前时间：  <span id="nowdate1">XXX</span></div> <div>本地机当前时间：  <span id="nowdate2">XXX</span></div> <div id="CountMsg">倒计时：  <strong id="RemainD">XX</strong>天<strong id="RemainH">XX</strong>时<strong id="RemainM">XX</strong>分<strong id="RemainS">XX</strong>秒</div>

 

服务端

protected void Page_Load(object sender, EventArgs e) { this.nowdate.Value = System.DateTime.Now.ToString("MMMM dd HH:mm:ss yyyy", System.Globalization.DateTimeFormatInfo.InvariantInfo); }