实时更新，精准可靠 比赛 主队 客队 比分 时间 <script> // 占位符函数，用于在页面加载时调用function updateScores() {}// 通过WebSocket连接到服务器var websocket = new WebSocket("ws://localhost:8080");// 当WebSocket建立连接时websocket.onopen = function() {// 发送消息给服务器，请求最新的比分数据websocket.send("get scores");};// 当WebSocket收到消息时websocket.onmessage = function(event) {// 解析收到的JSON数据var data = JSON.parse(event.data);// 清空表格中的旧数据var tableBody = document.querySelector("tbody");tableBody.innerHTML = "";// 将最新比分数据添加到表格中for (var i = 0; i < data.length; i++) {var match = data[i];// 创建新行var row = document.createElement("tr");// 创建单元格var cells = [document.createElement("td"),document.createElement("td"),document.createElement("td"),document.createElement("td"),document.createElement("td")];// 设置单元格内容cells[0].textContent = match.match;cells[1].textContent = match.homeTeam;cells[2].textContent = match.awayTeam;cells[3].textContent = match.score;cells[4].textContent = match.time;// 将单元格添加到行中for (var j = 0; j < cells.length; j++) {row.appendChild(cells[j]);}// 将行添加到表格中tableBody.appendChild(row);}};// 设置每隔5秒更新比分一次setInterval(updateScores, 5000); </script>
