心跳检测和断线重连可以通过WebSocket的事件和属性来实现。以下是一个简单的JavaScript示例，使用WebSocket API实现心跳检测和断线重连的功能：

let ws;function connectWebSocket() {ws = new WebSocket('ws://your-websocket-server-url');ws.onopen = function() {console.log('WebSocket connected');startHeartbeat();};ws.onerror = function() {console.log('WebSocket error');};ws.onclose = function() {console.log('WebSocket closed');setTimeout(function() {console.log('Attempting to reconnect...');connectWebSocket();}, 5000); // 5秒后尝试重连};ws.onmessage = function(event) {// 处理服务器发送的消息};
}function startHeartbeat() {setInterval(function() {if (ws.readyState === WebSocket.OPEN) {// 发送心跳消息ws.send('Heartbeat');}}, 30000); // 每30秒发送一次心跳
}connectWebSocket(); // 初始化连接

在这个示例中，connectWebSocket 函数用于创建WebSocket连接，并设置相关的事件处理函数。startHeartbeat 函数用于开始定时发送心跳消息，以保持连接活跃。如果连接断开，ws.onclose 事件会被触发，然后在5秒后尝试重新连接。

请根据实际的服务器URL和消息处理逻辑进行相应的调整。