使用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");
    }

 

显示结果:

posted @ 2011-05-30 09:25  Insus.NET  阅读(2063)  评论(2编辑  收藏  举报