• 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
    本页版权归作者和博客园所有,欢迎转载,但未经作者同意必须保留此段声明, 且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利
  • 相关阅读:
    Access数据库连接与Repeater数据控件绑定
    类型空间
    C# ico
    Jackson 框架,轻易转换JSON
    转 Android之项目推荐使用的第三方库,有助于快速开发,欢迎各位网友补充
    天气时段规定
    plupload
    MongoDatabase 数据访问助手类
    android开发教程21篇(版主强烈推荐,几乎每一篇都是精华教程
    Android
  • 原文地址:https://www.cnblogs.com/zengqinglei/p/2730359.html
Copyright © 2020-2023  润新知