尽享体育激情,倾听中文直播的激扬

來源:24直播网
尽享体育激情

作为一个体育爱好者,没有什么比通过中文直播亲临现场,感受比赛的热烈氛围更令人兴奋的了。中文直播可以让您充分理解比赛的精彩瞬间,深入了解运动员和球队的表现。

体育类别

赛事列表

<script> (function() {const sportsCategories = document.querySelectorAll(".sports-category");const eventsList = document.getElementById("events");// 初始化赛事列表let events = [];// 处理体育类别选择sportsCategories.forEach(category => {category.addEventListener("click", function(e) {e.preventDefault();// 清空赛事列表eventsList.innerHTML = "";// 根据选择的体育类别获取赛事数据getEvents(category.id).then(data => {events = data;displayEvents();}).catch(error => {console.error("获取赛事数据失败", error);});});});// 获取赛事数据async function getEvents(sport) {const response = await fetch(`api/events/${sport}`);const data = await response.json();return data;}// 展示赛事列表function displayEvents() {eventsList.innerHTML = "";events.forEach(event => {const eventItem = document.createElement("div");eventItem.classList.add("event-item");const eventInfo = document.createElement("div");eventInfo.classList.add("event-info");const eventDate = document.createElement("p");eventDate.classList.add("event-date");eventDate.textContent = formatDate(event.date);const eventTitle = document.createElement("h3");eventTitle.classList.add("event-title");eventTitle.textContent = event.title;const eventTeams = document.createElement("p");eventTeams.classList.add("event-teams");eventTeams.textContent = event.teams.join(" vs ");eventInfo.appendChild(eventDate);eventInfo.appendChild(eventTitle);eventInfo.appendChild(eventTeams);const eventBroadcastInfo = document.createElement("div");eventBroadcastInfo.classList.add("event-broadcast-info");const eventBroadcastChannel = document.createElement("p");eventBroadcastChannel.classList.add("event-broadcast-channel");eventBroadcastChannel.textContent = event.broadcast.channel;const eventBroadcastLanguage = document.createElement("p");eventBroadcastLanguage.classList.add("event-broadcast-language");eventBroadcastLanguage.textContent = event.broadcast.language;eventBroadcastInfo.appendChild(eventBroadcastChannel);eventBroadcastInfo.appendChild(eventBroadcastLanguage);eventItem.appendChild(eventInfo);eventItem.appendChild(eventBroadcastInfo);eventsList.appendChild(eventItem);}); }// 格式化日期function formatDate(date) {const options = {year: "numeric",month: "long",day: "numeric",hour: "numeric",minute: "numeric"};return new Date(date).toLocaleDateString("zh-CN", options);}})(); </script>
更新时间:2024-10-02 16:18:50