足球比分即时播报:瞬间掌握赛场动态,不错过任何进球

来源:24直播网
瞬间掌握赛场动态

正在进行的比赛:

已结束的比赛:

<script> // 获取足球比分数据const getFootballData = async () => {const response = await fetch('https://www.example.com/football-data.json');const data = await response.json();return data;};// 渲染足球比分数据const renderFootballData = (data) => {const liveMatches = data.liveMatches;const finishedMatches = data.finishedMatches;// 渲染正在进行的比赛const liveMatchesList = document.getElementById('live-matches');for (const match of liveMatches) {const li = document.createElement('li');const team1 = document.createElement('span');team1.classList.add('team');team1.textContent = match.team1;const score = document.createElement('span');score.classList.add('score');score.textContent = `${match.score1} - ${match.score2}`;const team2 = document.createElement('span');team2.classList.add('team');team2.textContent = match.team2;li.appendChild(team1);li.appendChild(score);li.appendChild(team2);liveMatchesList.appendChild(li);}// 渲染已结束的比赛const finishedMatchesList = document.getElementById('finished-matches');for (const match of finishedMatches) {const li = document.createElement('li');const team1 = document.createElement('span');team1.classList.add('team');team1.textContent = match.team1;const score = document.createElement('span');score.classList.add('score');score.textContent = `${match.score1} - ${match.score2}`;const team2 = document.createElement('span');team2.classList.add('team');team2.textContent = match.team2;li.appendChild(team1);li.appendChild(score);li.appendChild(team2);finishedMatchesList.appendChild(li);}};// 每隔 5 秒更新足球比分数据setInterval(async () => {const data = await getFootballData();renderFootballData(data);}, 5000);// 初始渲染足球比分数据const init = async () => {const data = await getFootballData();renderFootballData(data);};init(); </script>