以服务器时间为基准显示到某一时间的倒计时

1.前台页面

 

     //用于显示倒计时   
< div  class ="timetip" >< span  id ="timeleft" ></ span ></ div >
//用于获取服务器时间
             < asp:HiddenField  ID ="HDtime"  runat ="server"   />

 

2.后台代码

 

代码

protected   void  Page_Load( object  sender, EventArgs e)
    {
object  obj  =  SqlHelper.ExecuteScalar(constring, CommandType.Text,  " select getdate() " );
DateTime dt = Convert.ToDateTime(obj);
   HDtime.Value  =  dt.ToString();
    }

 

3.javascript代码：

 

代码

< script type = " text/javascript " >
var  target  =  []; // 用于设置倒计时的时间
var  time_id  =  []; // 用于设置显示倒计时的dom id
var  today; // 用于设置当前时间
function  show_date_time_0() {
  setTimeout( " show_date_time_0() " ,  1000 );
   for  ( var  i  =   0 , j  =  target.length; i  <  j; i ++ ) {
    timeold  =  target[i]  -  today.getTime();
    sectimeold  =  timeold  /   1000 ;
    secondsold  =  Math.floor(sectimeold);
    msPerDay  =   24   *   60   *   60   *   1000 ;
    e_daysold  =  timeold  /  msPerDay;
    daysold  =  Math.floor(e_daysold);
    e_hrsold  =  (e_daysold  -  daysold)  *   24 ;
    hrsold  =  Math.floor(e_hrsold);
    e_minsold  =  (e_hrsold  -  hrsold)  *   60 ;
    minsold  =  Math.floor((e_hrsold  -  hrsold)  *   60 );
    seconds  =  Math.floor((e_minsold  -  minsold)  *   60 );
     if  (daysold  <   0 ) {
      document.getElementById(time_id[i]).innerHTML  =   " 时间已经到！！！调查结束！！ " ;
      alert( " 窗口将关闭！！！ " );
      window.opener  =   null ;
      window.open( '' ,  ' _self ' );
      window.close();

    }
     else  {
       if  (daysold  <   10 ) {
        daysold  =   " 0 "   +  daysold;
      }
       if  (daysold  <   100 ) {
        daysold  =   " 0 "   +  daysold;
      }
       if  (hrsold  <   10 ) {
        hrsold  =   " 0 "   +  hrsold;
      }
       if  (minsold  <   10 ) {
        minsold  =   " 0 "   +  minsold;
      }
       if  (seconds  <   10 ) {
        seconds  =   " 0 "   +  seconds;
      }
       if  (daysold  <   3 ) {
        document.getElementById(time_id[i]).innerHTML  =   " 离调查结束还有： "   +  daysold  +   " 天 "   +  hrsold  +   " 小时 "   +  minsold  +   " 分 "   +  seconds  +   " 秒 " ;
      }
       else  {
        document.getElementById(time_id[i]).innerHTML  =   " 离调查结束还有： "   +  daysold  +   " 天 "   +  hrsold  +   " 小时 "   +  minsold  +   " 分 "   +  seconds  +   " 秒 " ;
      }
    }
    today  =   new  Date(today.valueOf()  +   1000 );

  }
}
< / script>

 

4.js调用代码

 

代码

< script src = " ../js/jquery-1.3.1.min.js "  type = " text/javascript " >< / script>
     < script type = " text/javascript " >
 $( function () {
  $( " .itemoptions table tr:even " ).css({ " background " : " #E7E7E7 " });
  today  =   new  Date(Date.parse($( " :hidden[id$=HDtime] " ).val().replace( / - / g,  " / " )));
  setTimeout( " show_date_time_0() " ,  1000 );
  target[target.length]  =   new  Date(Date.parse($( " #endtime " ).text().replace( / - / g,  " / " ))).getTime();
  time_id[time_id.length]  =   " timeleft " ;
}）
< / script>

 

 

转载于:https://www.cnblogs.com/ForFreeDom/archive/2009/12/03/1616597.html