<script>
// 使用 WebSocket 连接到实时比分服务
const socket = new WebSocket('ws://localhost:8080/live-scores');// 当收到消息时,更新比分表socket.onmessage = function(event) {const data = JSON.parse(event.data);// 检查比分是否有变化if (data.score !== null) {// 更新比分const row = document.getElementById(data.id);const scoreCell = row.querySelector('td:nth-child(3)');scoreCell.innerHTML = data.score;// 突出显示更新的比分row.classList.add('highlight');setTimeout(() => {row.classList.remove('highlight');}, 1000);}};// 如果连接关闭,则重新连接socket.onclose = function() {console.log('连接已关闭。正在重新连接...');setTimeout(() => {socket = new WebSocket('ws://localhost:8080/live-scores');}, 1000);};// 定期从服务端请求更新setInterval(() => {socket.send('ping');}, 10000);
</script>
相关阅读: 实时足球比分