js倒计时

Html：

 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         }
作者：曾庆雷
出处：http://www.cnblogs.com/zengqinglei
本页版权归作者和博客园所有，欢迎转载，但未经作者同意必须保留此段声明， 且在文章页面明显位置给出原文链接，否则保留追究法律责任的权利
posted @ 2012-10-19 01:09  zengql  阅读(1695)  评论(2)  编辑  收藏  举报