使用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:

 protected void Timer1_Tick(object sender, EventArgs e)

    {

        this.LabelClock.Text = DateTime.Now.ToString("T");

        this.LabelClock.ToolTip = DateTime.Today.ToString("yyyy-MM-dd");

    }