AJAX技术Timer

实例说明

自北京申办奥运会成功后，各个大门户网站的主页中都显示北京奥运会开幕倒记时，那么本实例通过AJAX实现北京奥运会开幕倒记时程序，如图所示。

图  北京奥运会开幕倒记时

技术要点

本实例主要通过DateTime.Subtract方法来进行时间计算的，然后通过AJAX的UpdatePanel控件和Timer控件实现局部更新和定时获取倒记时时间。

AJAX的UpdatePanel控件和Timer控件的使用在实例“AJAX实现在线聊天室”已经讲解过，在此只对DateTime.Subtract方法进行介绍。

DateTime.Subtract方法是从此实例对象中减去指定的日期和时间。

语法：

public TimeSpan Subtract (
        DateTime value
)

参数：

value参数指的是DateTime的一个实例。

返回值：

TimeSpan间隔，它等于此实例所表示的日期和时间减去value所表示的日期和时间。

实现过程

（1）新建一个AJAX网站，将其命名为Ex18_08，默认主页为Default.aspx。

（2）在Default.aspx中存在一个ScriptManager控件，然后再添加一个UpdatePanel控件，ScriptManager控件用于管理页面中的AJAX，UpdatePanel控件用于实现局部更新。

（3）在UpdatePanel控件中添加一个Timer控件和一个Label控件，分别用于实时获取倒记时时间和显示倒记时时间。

（4）主要代码如下：

    protected void Timer1_Tick(object sender, EventArgs e)
    {
        lblDate.Text = dt_Sports.Subtract(DateTime.Now).ToString();
        string[] dd = lblDate.Text.Split('.');
        lblDate.Text = "距离北京奥运会开幕还有　：　" + dd[0] + "　天　" + dd[1] + "　分　";
    }