关闭

通过C#+AJAX实现倒计时

2680人阅读 评论(4) 收藏 举报

一、页面部分代码

     <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CountDown.aspx.cs" Inherits="CountDown" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
      <script type="text/javascript" language=javascript>
  
          var url;
          var xmlHttp;
        function createXMLHttpRequest()
        {
            if(window.ActiveXObject)
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if(window.XMLHttpRequest)
            {
                xmlHttp = new XMLHttpRequest();
            }
        }   
   
        //刷新
        function refurbish()
        {
           var url="GetTime.ashx";
           createXMLHttpRequest();
           xmlHttp.open("POST",url,true);
           xmlHttp.onreadystatechange=Olympiad;
           xmlHttp.send(null);
           setTimeout("refurbish('"+url+"')",1000);
        }   
 
        //获取2008奥运会倒计时的时间
       function Olympiad()
       {  
          
             if(xmlHttp.readyState==4)
            {
                if(xmlHttp.status==200)
                {
                    document.getElementById("show").innerHTML=xmlHttp.responseText;
                }
            }          
           
       }    

 </script>
</head>
<body onload="refurbish()">
    <h3 align="center">奥运倒计时</h3>
    <form id="form1" runat="server">
    <div id="show"> </div>
    </form>
</body>
</html>

二、AJAX代码部分

     <%@ WebHandler Language="C#" Class="GetTime" %>

using System;
using System.Web;

public class GetTime : IHttpHandler {
   
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";

        //当前时间
        DateTime date=System.DateTime.Now;
        
        //奥运开幕时间
        DateTime date2 = new DateTime(2008,8,8,19,0,0);

        //获取两个时间之间的间隔   
        TimeSpan ts = date2.Subtract(date)

        String message = "今天距2008奥运会开幕还有:<font color='darkred'>"+ts.Days.ToString()+"</font>天&nbsp;";
        message += "<font color='darkred'>"+((ts.Hours<10)?("0"+ts.Hours.ToString()):ts.Hours.ToString())+"</font>小时&nbsp;";
        message += "<font color='darkred'>" + ((ts.Minutes < 10) ? ("0" + ts.Minutes.ToString()) : ts.Minutes.ToString()) + "</font>分&nbsp;";
        message += "<font color='darkred'>" + ((ts.Seconds < 10) ? ("0" + ts.Seconds.ToString()) : ts.Seconds.ToString()) + "</font>秒"

        context.Response.Write(message);
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}
 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3061次
    • 积分:46
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:4条
    文章存档
    阅读排行
    最新评论