2015年6月10日 星期三

ASP.NET Timer

ASP.NET Timer

網頁每隔10秒自動重新整理網頁,搭配UpdatePanel使用


HTML:
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:Timer ID="Timer1" runat="server" Interval="10000" OnTick="Timer1_Tick"
        oninit="Timer1_Init">
    </asp:Timer>
    <div>
        <asp:Label ID="Label1" runat="server" Text="網頁開啟時間:"></asp:Label>
        <asp:Label ID="Label2" runat="server" Text=""></asp:Label>
        <p>
        </p>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
            </Triggers>
            <ContentTemplate>
                <asp:Label ID="Label3" runat="server" Text="每隔10秒重新整理:"></asp:Label>
                <asp:Label ID="Label4" runat="server" Text=""></asp:Label>
            </ContentTemplate>
        </asp:UpdatePanel>
        <p>
        </p>
    </div>
    </form>
</body>

C#:
protected void Page_Load(object sender, EventArgs e)
{
    Label2.Text = DateTime.Now.ToString();
    Label4.Text = DateTime.Now.ToString();
}

protected void Timer1_Init(object sender, EventArgs e)
{
    Timer1.Interval = 10000; //每10秒執行一次
}

protected void Timer1_Tick(object sender, EventArgs e)
{
    Label4.Text = "UpdatePanel1 refreshed at " + DateTime.Now.ToString();
}

沒有留言:

張貼留言