Timer控件也是AJAX里比较常用的控件之一,他可以实现客户端在指定的时间里不断的刷新。从而达到数据的实时更新的效果。现在我们就开始:
第一:建立一个AJAX项目。
第二:往项目里加入一个ScriptManager,一个UpdatePanel,在UpdatePanel里放入一个Timer和一个TextBox。
第三:设置Timer的Interval属性,这个就是Timer定时的时间间隔。在Timer的Tick事件里也如如下代码:

Ajax(7)Timer控件使用 this.TextBox1.Text=System.DateTime.Now.ToString();

完整的HTML代码如下:
Ajax(7)Timer控件使用<body>
Ajax(7)Timer控件使用    
<form id="form1" runat="server">
Ajax(7)Timer控件使用    
<div>
Ajax(7)Timer控件使用        
<asp:ScriptManager ID="ScriptManager1" runat="server">
Ajax(7)Timer控件使用        
</asp:ScriptManager>
Ajax(7)Timer控件使用    
Ajax(7)Timer控件使用    
</div>
Ajax(7)Timer控件使用        
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
Ajax(7)Timer控件使用            
<ContentTemplate>
Ajax(7)Timer控件使用                
<asp:Timer ID="Timer1" runat="server" Interval="10000" OnTick="Timer1_Tick">
Ajax(7)Timer控件使用                
</asp:Timer>
Ajax(7)Timer控件使用                
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
Ajax(7)Timer控件使用            
</ContentTemplate>
Ajax(7)Timer控件使用          
Ajax(7)Timer控件使用        
</asp:UpdatePanel>
Ajax(7)Timer控件使用    
</form>
Ajax(7)Timer控件使用
</body>

运行就OK了。是不是很简单呀!

相关文章:

  • 2022-12-23
  • 2021-12-06
  • 2021-11-05
  • 2022-12-23
  • 2021-10-27
猜你喜欢
  • 2022-02-10
  • 2022-01-11
  • 2022-02-02
  • 2022-12-23
  • 2021-09-15
  • 2021-07-15
相关资源
相似解决方案