获取实时足球比赛结果,包括进球、犯规和球员数据

  • 发布于:2024-11-04 21:21:38
  • 来源:24直播网
犯规和球员数据
时间 球队 A 事件 球队 B
<script> // WebSocket 连接 const ws = new WebSocket('ws://localhost:8080/live-football-results');// 打开连接ws.onopen = function() {console.log('WebSocket 已连接。');};// 收到消息ws.onmessage = function(event) {// 解析 JSON 数据const data = JSON.parse(event.data);// 更新表格const tbody = document.querySelector('tbody');const row = tbody.insertRow();const timeCell = row.insertCell();const teamACell = row.insertCell();const eventCell = row.insertCell();const teamBCell = row.insertCell();timeCell.innerHTML = data.time;teamACell.innerHTML = data.teamA;eventCell.innerHTML = data.event;teamBCell.innerHTML = data.teamB;// 突出显示进球事件if (eventCell.innerHTML === '进球') {eventCell.classList.add('highlight');}// 滚动到最新行tbody.scrollTop = tbody.scrollHeight;};// 关闭连接ws.onclose = function() {console.log('WebSocket 已关闭。');};// 错误处理ws.onerror = function(error) {console.log('WebSocket 发生错误:', error);}; </script>

相关阅读: 获取实时足球比赛结果 包括进球 犯规和球员数据