<script>
// 使用 WebSocket 连接到实时数据源var websocket = new WebSocket("ws://example.com:8080/live-scores");// 监听传入的消息websocket.onmessage = function (event) {// 解析收到的 JSON 数据var data = JSON.parse(event.data);// 从数据中提取比赛信息var match = data.match;var score = data.score;var time = data.time;var status = data.status;// 创建新的表格行var row = document.createElement("tr");// 创建比赛单元格var matchCell = document.createElement("td");matchCell.textContent = match;// 创建比分单元格var scoreCell = document.createElement("td");scoreCell.textContent = score;// 创建时间单元格var timeCell = document.createElement("td");timeCell.textContent = time;// 创建状态单元格var statusCell = document.createElement("td");
statusCell.textContent = status;// 将单元格添加到行中row.appendChild(matchCell);row.appendChild(scoreCell);row.appendChild(timeCell);row.appendChild(statusCell);// 将行添加到表格主体中document.querySelector("tbody").appendChild(row);};// 监听错误事件websocket.onerror = function (event) {console.error("WebSocket 错误：", event);};// 监听关闭事件websocket.onclose = function (event) {console.log("WebSocket 已关闭。");};
</script>
相关阅读： 实时足球比分 场比赛的即时更新 500
