实时体育数据 数据来源：西瓜体育

⚽ 足球实时 (10)

主队比分客队联赛时间(北京)
斯盧茨克0:0鮑里索夫巴特-2隊白俄羅斯足球甲級聯賽20:00
梅查爾0:0埃塞俄比亞梅丁埃塞俄比亞超級聯賽20:00
科克舍套奧克熱特佩斯0:1托博爾哈薩克超級聯賽20:00
布拉特沃格1:0耶夫挪威乙級聯賽第一組20:00
新特羅伊茨克諾斯塔0:1巴爾瑙爾迪納摩俄羅斯FNL 2聯賽第四組19:00
泰爾希艾迪尤加斯0:2蘇杜瓦立陶宛A聯賽19:15
蘇州東吳2:4雲南玉昆英格蘭足總盃19:00
霍內福斯0:1埃伊德斯沃爾德轉挪威乙級聯賽第二組19:00
皮特奧2:2AFC埃斯基爾斯圖納瑞典甲級聯賽北區19:00
托木斯克KDV4:1葉卡捷琳堡烏拉爾-2隊俄羅斯FNL 2聯賽第四組19:00
更新于 2026-06-21 20:34（北京时间）
西瓜体育
  • 实时预览
  • |
立即购买

倒计时

实时刷新，精准计算您期待的足球盛宴还剩多少秒、分钟、小时与天。

西瓜体育组件
距离下一场激情对决：
data-countdown='MM/DD/YYYY HH:mm:ss AM/PM'

赛事前瞻：

data-countdown='07/01/2023 07:00:00 PM'

基本範例 + 對齊

0d
0h
0m
0s
0d
0h
0m
0s
0d
0h
0m
0s
<!-- Left aligned countdown (default) -->
<div class="countdown h4" data-countdown="07/01/2023 07:00:00 PM">
  <div class="countdown-days">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">d</span>
  </div>
  <div class="countdown-hours">
    <span class="countdown-value"></span>
    <span class="countdown-label text-muted">h</span>
  </div>
  <div class="countdown-minutes">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">m</span>
  </div>
  <div class="countdown-seconds">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">s</span>
  </div>
</div>

<!-- Center aligned countdown -->
<div class="countdown h4 justify-content-center" data-countdown="07/01/2023 07:00:00 PM">
  ...
</div>

<!-- Right aligned countdown -->
<div class="countdown h4 justify-content-end" data-countdown="07/01/2023 07:00:00 PM">
  ...
</div>
// Left aligned countdown (default)
.countdown.h4(data-countdown="07/01/2023 07:00:00 PM")
  .countdown-days
    span.countdown-value 0
    span.countdown-label.text-muted d
  .countdown-hours
    span.countdown-value 0
    span.countdown-label.text-muted h
  .countdown-minutes
    span.countdown-value 0
    span.countdown-label.text-muted m
  .countdown-seconds
    span.countdown-value 0
    span.countdown-label.text-muted s

// Center aligned countdown
.countdown.h4.justify-content-center(data-countdown="07/01/2023 07:00:00 PM")
  ...

// Right aligned countdown
.countdown.h4.justify-content-end(data-countdown="07/01/2023 07:00:00 PM")
  ...

尺寸

0d
0h
0m
0s
0d
0h
0m
0s
0d
0h
0m
0s
0d
0h
0m
0s
0d
0h
0m
0s
0d
0h
0m
0s
<!-- Alter countdown sizing using h1-h6, display1-display4 classes -->
<div class="countdown h1" data-countdown="07/01/2023 07:00:00 PM">
  ...
</div>

<div class="countdown h2" data-countdown="07/01/2023 07:00:00 PM">
  ...
</div>

<div class="countdown h3" data-countdown="07/01/2023 07:00:00 PM">
  ...
</div>

<div class="countdown h4" data-countdown="07/01/2023 07:00:00 PM">
  ...
</div>

<div class="countdown h5" data-countdown="07/01/2023 07:00:00 PM">
  ...
</div>

<div class="countdown h6" data-countdown="07/01/2023 07:00:00 PM">
  ...
</div>
// Alter countdown sizing using h1-h6, display1-display4 classes
.countdown.h1(data-countdown="07/01/2023 07:00:00 PM")
  ...

.countdown.h2(data-countdown="07/01/2023 07:00:00 PM")
  ...

.countdown.h3(data-countdown="07/01/2023 07:00:00 PM")
  ...

.countdown.h4(data-countdown="07/01/2023 07:00:00 PM")
  ...

.countdown.h5(data-countdown="07/01/2023 07:00:00 PM")
  ...

.countdown.h6(data-countdown="07/01/2023 07:00:00 PM")
  ...

顏色

0d
0h
0m
0s
0d
0h
0m
0s
<!-- Multicolor -->
<div class="countdown h4" data-countdown="07/01/2023 07:00:00 PM">
  <div class="countdown-days text-accent">
    <span class="countdown-value">0</span>
    <span class="countdown-label opacity-60">d</span>
  </div>
  <div class="countdown-hours text-warning">
    <span class="countdown-value">0</span>
    <span class="countdown-label opacity-60">h</span>
  </div>
  <div class="countdown-minutes text-success">
    <span class="countdown-value">0</span>
    <span class="countdown-label opacity-60">m</span>
  </div>
  <div class="countdown-seconds text-danger">
    <span class="countdown-value">0</span>
    <span class="countdown-label opacity-60">s</span>
  </div>
</div>

<!-- Light version (white text on dark background) -->
<div class="countdown h4 text-light" data-countdown="07/01/2023 07:00:00 PM">
  <div class="countdown-days">
    <span class="countdown-value">0</span>
    <span class="countdown-label opacity-60">d</span>
  </div>
  <div class="countdown-hours">
    <span class="countdown-value">0</span>
    <span class="countdown-label opacity-60">h</span>
  </div>
  <div class="countdown-minutes">
    <span class="countdown-value">0</span>
    <span class="countdown-label opacity-60">m</span>
  </div>
  <div class="countdown-seconds">
    <span class="countdown-value">0</span>
    <span class="countdown-label opacity-60">s</span>
  </div>
</div>
// Multicolor
.countdown.h4(data-countdown="07/01/2023 07:00:00 PM")
  .countdown-days.text-accent
    span.countdown-value 0
    span.countdown-label.opacity-60 d
  .countdown-hours.text-warning
    span.countdown-value 0
    span.countdown-label.opacity-60 h
  .countdown-minutes.text-success
    span.countdown-value 0
    span.countdown-label.opacity-60 m
  .countdown-seconds.text-danger
    span.countdown-value 0
    span.countdown-label.opacity-60 s

// Light version (white text on dark background)
.countdown.h4.text-light(data-countdown="07/01/2023 07:00:00 PM")
  .countdown-days
    span.countdown-value 0
    span.countdown-label.opacity-60 d
  .countdown-hours
    span.countdown-value 0
    span.countdown-label.opacity-60 h
  .countdown-minutes
    span.countdown-value 0
    span.countdown-label.opacity-60 m
  .countdown-seconds
    span.countdown-value 0
    span.countdown-label.opacity-60 s

卡片範例

0d
0h
0m
0s
0d
0h
0m
0s
<!-- Border version -->
<div class="countdown h5" data-countdown="07/01/2023 07:00:00 PM">
  <div class="countdown-days border rounded p-3">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">d</span>
  </div>
  <div class="countdown-hours border rounded p-3">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">h</span>
  </div>
  <div class="countdown-minutes border rounded p-3">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">m</span>
  </div>
  <div class="countdown-seconds border rounded p-3">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">s</span>
  </div>
</div>

<!-- Shadow version -->
<div class="countdown h5" data-countdown="07/01/2023 07:00:00 PM">
  <div class="countdown-days shadow rounded p-3">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">d</span>
  </div>
  <div class="countdown-hours shadow rounded p-3">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">h</span>
  </div>
  <div class="countdown-minutes shadow rounded p-3">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">m</span>
  </div>
  <div class="countdown-seconds shadow rounded p-3">
    <span class="countdown-value">0</span>
    <span class="countdown-label text-muted">s</span>
  </div>
</div>
// Border version
.countdown.h5(data-countdown="07/01/2023 07:00:00 PM")
  .countdown-days.border.rounded.p-3
    span.countdown-value 0
    span.countdown-label.text-muted d
  .countdown-hours.border.rounded.p-3
    span.countdown-value 0
    span.countdown-label.text-muted h
  .countdown-minutes.border.rounded.p-3
    span.countdown-value 0
    span.countdown-label.text-muted m
  .countdown-seconds.border.rounded.p-3
    span.countdown-value 0
    span.countdown-label.text-muted s

// Shadow version
.countdown.h5(data-countdown="07/01/2023 07:00:00 PM")
  .countdown-days.shadow.rounded.p-3
    span.countdown-value 0
    span.countdown-label.text-muted d
  .countdown-hours.shadow.rounded.p-3
    span.countdown-value 0
    span.countdown-label.text-muted h
  .countdown-minutes.shadow.rounded.p-3
    span.countdown-value 0
    span.countdown-label.text-muted m
  .countdown-seconds.shadow.rounded.p-3
    span.countdown-value 0
    span.countdown-label.text-muted s
顶部
粤ICP备202434096647号
西瓜体育科技有限公司为全球体育爱好者提供最全面、最流畅、最清晰的赛事直播与资讯服务。电话：+86 150 5184 1496邮箱：service@xiguazhibo.com.cn微信：xiguazhibo_641营业时间：7×24上海市浦东新区张江路27号