简单的对话框:实现消息的两秒一刷新,获取消息记录;
页面加载时,消息框中的滑块处于最低端,向上滑动可以查看历史信息,此时刷新信息的时候,不在刷新滑块,使其仍处于最底层,也就是说,当滑块滚动的时候,不在受实时刷新的控制。当输入新的信息的时候,启动滑块的刷新,使其刷新到最底层(当前DIV的最底层)。另外,内容发送会显示发送状态,2秒后自动消失。
代码实现:
index.html
[html]
view plain
copy
- <html>
- <head>
- <title>聊天室</title>
- <meta http-equiv="content-type" content="text/html;charset=utf-8">
- <script type="text/javascript">
- var maxID=0;
- var kongzhi = 1;
- function show(){
- var xhr = new XMLHttpRequest();
- xhr.onreadystatechange = function (){
- if(xhr.readyState==4){
- //alert(xhr.responseText);
- eval("var jn_info = "+xhr.responseText);
- var s="";
- for(var i=0 ; i<jn_info.length;i++){