zoukankan      html  css  js  c++  java
  • 使用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");
        }

    显示结果:

  • 相关阅读:
    差一个引号的崩溃
    js中.toString()和String()的一丢丢区别
    PC端和手机端页面的一丢丢区别
    LINQ踩坑记录
    C# list group分组扩展,方法来源网络记录备忘
    NPOI分批读取数据
    Xamarin开发登录示例
    动态创建匿名对象利用表达式树动态构建分组条件
    安卓H5互调笔记
    WPF学习6
  • 原文地址:https://www.cnblogs.com/insus/p/2063001.html
Copyright © 2011-2022 走看看