使用asp:Timer控件为站点创建一个实时时钟

记得以前写网站，网站上都会放一个Javascript写的实时间钟，如今网站整合有Ajax，Insus.NET也跟随改为Ajax的asp:Timer控件。使用asp:timer控件，我们需要设置一个属性Interval，设置在相对于上一次发生的 Tick 事件引发 Tick 事件之前的时间(以毫秒为单位)，和一个写OnTick事件。

View Code

  < form  id ="form1"  runat ="server" >
     < asp:ScriptManager  ID ="ScriptManager1"  runat ="server" >
     </ asp:ScriptManager >
    <!--Ajax 时钟控件  -->
     < asp:Timer  ID ="Timer1"  runat ="server"  Interval ="1000"  OnTick ="Timer1_Tick" >
     </ asp:Timer >
     < asp:UpdatePanel  ID ="UpdatePanel1"  runat ="server" >
         < ContentTemplate >
             < div >
                 < asp:Label  ID ="LabelClock"  runat ="server"  Text ="" ></ asp:Label >
             </ div >
         </ ContentTemplate >
         < Triggers >
             < asp:AsyncPostBackTrigger  ControlID ="Timer1"  EventName ="Tick"   />
         </ Triggers >
     </ asp:UpdatePanel >
     </ form >

 

.aspx.cs:

View Code

  protected   void  Timer1_Tick( object  sender, EventArgs e)
    {
         this .LabelClock.Text  =  DateTime.Now.ToString( " T " );
         this .LabelClock.ToolTip  =  DateTime.Today.ToString( " yyyy-MM-dd " );
    }

 

显示结果：