Timer控件的使用.docVIP

Timer控件的使用 在对Timer控件进行了介绍之后，下面通过一个实例来演示一下该控件是如何使用的。该实例用于实现聊天室的功能，用户可以更改自己的昵称、发表聊天信息、查看聊天信息、查看当前在线人数等。 在这个案例中，我们用到了一个ScriptManager控件、三个UpdatePanel控件、一个UpdateProgress控件及两个Timer控件。通过这个案例读者不但可以理解Timer的使用，而且可以进行加深对ScriptManager、UpdatePanel及UpdateProgress控件的理解，这是一个使用本章节所介绍控件的综合实例。 本聊天室实例只有一个显示页面和一个后台处理文件。其中该显示页面的实现文件为timerDemo.aspx，它的主要代码如下所示： %@ Page Language=C# AutoEventWireup=true CodeFile=timerDemo.aspx.cs Inherits=timerDemo %head runat=servertitleTimer控件的使用之：简单聊天室/titlescript type=text/javascript language=javascriptfunction scroll(){var obj = document.getElementById(iShowMsg);obj.scrollTop = obj.scrollHeight;}??????????????? // 开始更新计时function setTimers(){timeID = window.setTimeout( updateAll(), 500 );}// 更新开始并且重置计时器function updateAll(){window.clearTimeout( timeID );scroll();setTimers();}??????????????????????????? /script???????????? /headbodyscript type=text/javascriptsetTimers();/scriptform id=form1 runat=serverdivasp:ScriptManager ID=smChat runat=server /asp:ScriptManagerasp:Timer ID=tShowMsg runat=server Interval=5000 OnTick=tShowMsg_Tick /asp:Timerasp:Timer ID=tShowUser runat=server Interval=10000 OnTick=tShowUser_Tick/asp:TimerTimer控件的使用之：简单聊天室asp:UpdateProgress ID=upgShowMsg? runat=server ProgressTemplatediv style=border-right: red thin dotted; border-top: red thin dotted; border-left: red thin dotted; color: red; border-bottom: red thin dotted; font-family: Monospace; background-color: gray;Loading/div/ProgressTemplate/asp:UpdateProgresshr style=border:1px soli #000000; color: black; /table trtdasp:UpdatePanel ID=upShowMsg UpdateMode=Conditional runat=server Triggersasp:AsyncPostBackTrigger ControlID=tShowMsg EventName=Tick //TriggersContentTemplatediv id=iShowMsg? runat=server style=border:1px solid #000000; width:500px; height:260px; overflow:auto;/div/ContentTemplate?? /asp:UpdatePanel/td/trtrtdasp:UpdatePanel ID=upSendMsg runat=server UpdateMode=Conditional? ContentTemplate请输入你的昵称：asp:TextBox ID