十二、初学.NET—利用AJAX在页面头部显示服务器当前时间，并实现倒计时功能

前端：在设计视图中从工具箱AJAX Extensions 拖一个 ScriptManager 控件和一个UpdatePanel控件。

然后在UpdatePanel控件中放一个Label 控件和Timer控件，并在源视图中设置Timer 的Inerval属性为1000。

<form id="form1" runat="server">

       <div>

         <asp:ScriptManager ID="ScriptManager1" runat="server">

         </asp:ScriptManager>

         <asp:UpdatePanel ID="UpdatePanel2" runat="server">

         <ContentTemplate>

             <asp:Label ID="Label1" runat="server" Text=""></asp:Label>

             <asp:Timer ID="Timer1" runat="server" Interval="1000">

             </asp:Timer>

         </ContentTemplate>

        </asp:UpdatePanel>

       </div>

</from>

 

后台代码：在PageLoad事件中添加 label.text=DateTime.now.Tosting(); 不能使用!IsPostBack()，如果使用就不能实时更新了。

protected void Page_Load(object sender, EventArgs e)

        {

         DateTime dtStoptime = Convert.ToDateTime("2013-05-15 12:08:00");  //定义一个结束时间
        DateTime dtNow = DateTime.Now;
        TimeSpan span=dtStoptime.Subtract(dtNow); //用第一个时间的Subtract方法减去一个时间，得到一个时间间隔对象。
        Label1.Text = "当前日期:"+dtNow.ToLongDateString()+"时间:"+dtNow.ToLongTimeString()+" <br/>"+"距离评审结束还有:"+span.Days+"天"+span.Hours+"小时"+span.Minutes+"分"+span.Seconds+"秒"; //再分别取出时间间隔的天、小时、分钟数。

        }