javascript 倒计时,使用服务器时间倒计时,团购倒计时

如何取用服务器时间来倒计时。

1. 主要使用C#语言计算出 开始时间与当前时间 和 结束时间与当前时间 相差的毫秒数。保存在隐藏域中。

        DateTime currentTime = DateTime.Now;
        hfSTime.Value = model.STime.Value.Subtract(currentTime).TotalMilliseconds.ToString();
        hfETime.Value = model.ETime.Value.Subtract(currentTime).TotalMilliseconds.ToString();

 

2. 用js取出隐藏域中的值。在OnLoad事件中触发计算。

starSecodesT = Math.floor($("#hfSTime").val());
endSecodesT = Math.floor($("#hfETime").val())
CountDown1();

 

3. javascript 倒计时代码处理

var starSecodesT =0;   // 开始与现在时间相差的毫秒   
    var endSecodesT= 0 ;  // 结束与现在时间相差的毫秒   
    var currentSecodes = -1;
    var isStart =true; //是否在倒计时开始
    //倒计时
    function CountDown1(){
      starSecodesT = starSecodesT -1000;
      endSecodesT = endSecodesT - 1000;
       var self=this;
       if(starSecodesT > 0){   // 秒杀未开始，相差的毫秒数
          currentSecodes = starSecodesT;
       }else if(endSecodesT > 0){
         currentSecodes = endSecodesT; //// 倒计时结束时间
         isStart = false;
       }             
    
       var msPerDay=24*60*60*1000
       var e_daysold=currentSecodes/msPerDay; // 天数
       var daysold=Math.floor(e_daysold);
       
       var e_hrsold=(e_daysold-daysold)*24;
       var hrsold=Math.floor(e_hrsold);
       var e_minsold=(e_hrsold-hrsold)*60;
       var minsold=Math.floor((e_hrsold-hrsold)*60);
       var seconds=Math.floor((e_minsold-minsold)*60);
       
       var timeout11 = window.setTimeout(function(){self.CountDown1();}, 1000);
       
       if(endSecodesT < 0){   // 当开始时间走完，开始计算倒计时结束时间
            document.getElementById("sTime").innerHTML="秒杀活动已结束！";
            document.getElementById("divms").attributes["class"].value="maoshamainpricetit02";
            document.getElementById("Ibtnms").style.display="none";
            window.clearTimeout(timeout11);
       }else {
            if(!isStart){  // 结束时间 大于 当前时间

                document.getElementById("sTimeTitle").innerHTML="秒杀活动剩余时间";
                var strTime2  = daysold>0?daysold+"天":"";
                strTime2 =hrsold >0 ? strTime2 +hrsold+"小时":strTime2;
                strTime2 =minsold >0 ? (strTime2 +minsold+"分"):strTime2;
                strTime2 = seconds >0? (strTime2 +seconds+"秒"):strTime2;
                document.getElementById("sTime").innerHTML=strTime2 ;//daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
                document.getElementById("Ibtnms").style.display="block";
                document.getElementById("divms").attributes["class"].value="maoshamainpricetit";
                
            }else
            {
                document.getElementById("sTimeTitle").innerHTML="秒杀活动倒计时";
                var strTime2  = daysold>0?daysold+"天":"";
                strTime2 =hrsold >0 ? strTime2 +hrsold+"小时":strTime2;
                strTime2 =minsold >0 ? (strTime2 +minsold+"分"):strTime2;
                strTime2 = seconds >0? (strTime2 +seconds+"秒"):strTime2;
                document.getElementById("sTime").innerHTML=strTime2 ;//daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
                document.getElementById("Ibtnms").style.display="none";
                document.getElementById("divms").attributes["class"].value="maoshamainpricetit03";
        //        if(daysold >3){
        //        document.getElementById("sTime").innerHTML="剩余时间 3天以上";
        //        }else{
                    //document.getElementById("sTime").innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
                    //}

            }
        }
         
    }

 

4. 参考代码来自。

http://www.nowamagic.net/librarys/veda/detail/421