Countdown
Timer that counts down in seconds, minutes, hours and days to any date. by use data-countdown="2024-01-01 00:05:45" attribute.
Example
0d
0h
0m
0
<div class="countdown py-2 h4 d-flex justify-content-center align-content-center"
data-countdown="2024-01-01 00:05:45">
<div class="countdown__section days me-2">
<span class="value">0</span>
<span class="label text-muted fs-6">d
</span>
</div>
<div class="countdown__section hours me-2">
<span class="value">0</span>
<span class="label text-muted fs-6">h
</span>
</div>
<div class="countdown__section minutes me-2">
<span class="value">0</span><span
class="label text-muted fs-6">m
</span>
</div>
<div class="countdown__section seconds me-2">
<span class="value">0</span>
</div>
</div>
Simple example
<span class="countdown badge bg-dark d-inline-flex" data-countdown="2024-01-01 00:05:45"></span>