const socket = new WebSocket('ws://localhost:8080');

socket.onopen = () => {

  console.log('连接已建立');

  socket.send('用户上线');

};

socket.onmessage = (event) => {

  const data = event.data;

  console.log('收到消息:', data);

  // 更新 DOM，例如添加到消息列表

};

socket.onerror = (error) => {

  console.error('连接出错:', error);

};

socket.onclose = () => {

  console.log('连接已关闭');

};

// 发送带类型的消息

function sendMessage(content) {

  const message = {

    type: 'chat',

    user: '张三',

    content: content,

    time: new Date().toISOString()

  };

  socket.send(JSON.stringify(message));

华友协同办公管理系统(华友OA)，基于微软最新的.net 2.0平台和SQL Server数据库，集成强大的Ajax技术，采用多层分布式架构，实现统一办公平台，功能强大、价格便宜，是适用于企事业单位的通用型网络协同办公系统。 系统秉承协同办公的思想，集成即时通讯、日记管理、通知管理、邮件管理、新闻、考勤管理、短信管理、个人文件柜、日程安排、工作计划、工作日清、通讯录、公文流转、论坛、在线调查、

}

socket.onmessage = (event) => {

  const msg = JSON.parse(event.data);

  if (msg.type === 'chat') {

    displayChatMessage(msg.user, msg.content, msg.time);

  } else if (msg.type === 'online') {

    updateOnlineCount(msg.count);

  }

};

let reconnectInterval = 1000; // 初始重连间隔

let maxReconnectInterval = 30000; // 最大重连时间

let socket = null;

function connect() {

  socket = new WebSocket('ws://localhost:8080');

  socket.onopen = () => {

    console.log('连接成功');

    reconnectInterval = 1000; // 重置间隔

  };

  socket.onclose = () => {

    console.log('连接断开，尝试重连...');

    setTimeout(connect, reconnectInterval);

    reconnectInterval = Math.min(reconnectInterval * 2, maxReconnectInterval);

  };

}

connect();