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

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>