js倒计时

View Code

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2  <html xmlns="http://www.w3.org/1999/xhtml">
 3  <head runat="server">
 4      <title>js倒计时</title>
 5      <style type="text/css">
 6          .fontmark
 7          {
 8              color: Red;
 9          }
10      </style>
11      <script type="text/javascript">
12          var SurplusTime = {
13              //全局时间
14              Time: {
15                  Day: 0,
16                  Hour: 0,
17                  Minute: 0,
18                  Second: 0
19              },
20              //显示倒计时方法
21              ShowContent: function () {
22                  var addtime = function (time) {
23                      if (time < 10) time = "0" + time;
24                      return "&nbsp;<span class='fontmark'>" + time + "</span>";
25                  }
26                  var result = "一天时间倒计时:";
27                  result += addtime(SurplusTime.Time.Day) + "天";
28                  result += addtime(SurplusTime.Time.Hour) + "时";
29                  result += addtime(SurplusTime.Time.Minute) + "分";
30                  result += addtime(SurplusTime.Time.Second) + "秒";
31                  document.getElementById("divTime").innerHTML = result;
32              },
33              //剩余时间(毫秒)
34              Surplus: 0,
35              //计时器
36              timerSurplus: null
37          };
38          //获取剩余时间(毫秒数),ajax请求后台
39          function GetSurplusTime() {
40              var xmlhttp;
41              if (window.ActiveXObject) xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
42              else if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
43              xmlhttp.onreadystatechange = function () {
44                  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
45                      SurplusTime.Surplus = parseInt(xmlhttp.responseText);
46                      CountdownTime();
47                  }
48              }
49              xmlhttp.open("post", "HGetTime.ashx", true);
50              xmlhttp.send(null);
51          }
52          //倒计时
53          function CountdownTime() {
54              var surplus_time = SurplusTime.Surplus;
55              if (surplus_time > 0) {
56                  SurplusTime.Time.Day = Math.floor(surplus_time / 86400000)
57                  surplus_time -= SurplusTime.Time.Day * 86400000;
58                  SurplusTime.Time.Hour = Math.floor(surplus_time / 3600000)
59                  surplus_time -= SurplusTime.Time.Hour * 3600000;
60                  SurplusTime.Time.Minute = Math.floor(surplus_time / 60000)
61                  surplus_time -= SurplusTime.Time.Minute * 60000;
62                  SurplusTime.Time.Second = Math.floor(surplus_time / 1000);
63                  SurplusTime.Surplus -= 1000;
64                  SurplusTime.timerSurplus = setTimeout("CountdownTime()", 1000);
65              }
66              else if (SurplusTime.timerSurplus) clearTimeout(SurplusTime.timerSurplus);
67              SurplusTime.ShowContent();
68          }
69          //页面加载
70          window.onload = GetSurplusTime;
71      </script>
72  </head>
73  <body>
74      <form id="form1" runat="server">
75      <div id="divTime">
76      </div>
77      </form>
78  </body>
79  </html>

Ashx处理：

1 public void ProcessRequest(HttpContext context)
2          {
3              DateTime BeginTime = DateTime.Now;
4              DateTime EndTime = DateTime.Now.AddDays(1);
5              context.Response.Write((EndTime - BeginTime).TotalMilliseconds);
6          }