// 建立WebSocket連接
var ws = new WebSocket('wss://example.com/socketserver');

// 連接建立事件
ws.onopen = function() {
    console.log('連接成功');
    // 可以發(fā)送數(shù)據(jù)
    ws.send(JSON.stringify({ type: 'message', content: 'Hello Server!' }));
};

// 數(shù)據(jù)接收事件
ws.onmessage = function(event) {
    console.log('接收到消息：', event.data);
};

// 錯誤處理
ws.onerror = function(error) {
    console.error('WebSocket Error: ', error);
};

// 連接關(guān)閉事件
ws.onclose = function() {
    console.log('WebSocket連接已關(guān)閉');
};

// 發(fā)送JSON格式數(shù)據(jù)
function sendJsonData(data) {
    if (ws.readyState === WebSocket.OPEN) {
        ws.send(JSON.stringify(data));
    } else {
        console.error('WebSocket連接未打開');
    }
}

// 接收JSON數(shù)據(jù)示例
ws.onmessage = function(event) {
    var message = JSON.parse(event.data);
    if (message.type === 'response') {
        console.log('服務(wù)器響應(yīng)：', message.content);
    }
};

// 設(shè)置心跳間隔為25秒
var heartbeatInterval = 25000;

// 定義心跳函數(shù)
function sendHeartbeat() {
    if (ws.readyState === WebSocket.OPEN) {
        ws.send('ping');
    }
}

// 設(shè)置定時器發(fā)送心跳
var heartbeatTimer = setInterval(sendHeartbeat, heartbeatInterval);

// 監(jiān)聽心跳響應(yīng)
ws.onmessage = function(event) {
    if (event.data === 'pong') {
        console.log('心跳響應(yīng)收到');
        // 可以在這里重置某些狀態(tài)或計時器
    }
};

// 連接關(guān)閉時清除心跳定時器
ws.onclose = function() {
    clearInterval(heartbeatTimer);
};