2015年6月10日 星期三

ASP.NET Timer

ASP.NET Timer

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


HTML:
  1. <body>
  2.     <form id="form1" runat="server">
  3.     <asp:ScriptManager ID="ScriptManager1" runat="server">
  4.     </asp:ScriptManager>
  5.     <asp:Timer ID="Timer1" runat="server" Interval="10000" OnTick="Timer1_Tick"
  6.         oninit="Timer1_Init">
  7.     </asp:Timer>
  8.     <div>
  9.         <asp:Label ID="Label1" runat="server" Text="網頁開啟時間："></asp:Label>
  10.         <asp:Label ID="Label2" runat="server" Text=""></asp:Label>
  11.         <p>
  12.         </p>
  13.         <asp:UpdatePanel ID="UpdatePanel1" runat="server">
  14.             <Triggers>
  15.                 <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
  16.             </Triggers>
  17.             <ContentTemplate>
  18.                 <asp:Label ID="Label3" runat="server" Text="每隔10秒重新整理："></asp:Label>
  19.                 <asp:Label ID="Label4" runat="server" Text=""></asp:Label>
  20.             </ContentTemplate>
  21.         </asp:UpdatePanel>
  22.         <p>
  23.         </p>
  24.     </div>
  25.     </form>
  26. </body>

C#: 
  1. protected void Page_Load(object sender, EventArgs e)
  2. {
  3.     Label2.Text = DateTime.Now.ToString();
  4.     Label4.Text = DateTime.Now.ToString();
  5. }
  6.  
  7. protected void Timer1_Init(object sender, EventArgs e)
  8. {
  9.     Timer1.Interval = 10000; //每10秒執行一次
  10. }
  11.  
  12. protected void Timer1_Tick(object sender, EventArgs e)
  13. {
  14.     Label4.Text = "UpdatePanel1 refreshed at " + DateTime.Now.ToString();
  15. }
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)