Countdown
A simple html agnostic date countdown plugin for jQuery.
Usage
Use data-countdown
attribute and define the date.
58 days 19:39:22
HTML
<div data-countdown="2025/06/30"></div>
JavaScript
<!-- Vendor Javascripts -->
<script src="../assets/vendor/jquery-countdown/dist/jquery.countdown.min.js"></script>
For more Details see jQuery.countdown Documentation
Customization
Add data-countdown-template=''
attribute to the element and create your own countdown
58 days
19 hours
39 minutes
22 seconds
<div class="text-secondary" data-countdown="2025/06/30" data-countdown-template='
<h2 class="mx-4 fs-3 fs-lg-6 fw-medium">%D<span class="d-block fs-0 fs-lg-1 text-primary"> days</span></h2>
<h2 class="mx-4 fs-3 fs-lg-6 fw-medium">%H<span class="d-block fs-0 fs-lg-1 text-primary"> hours</span></h2>
<h2 class="mx-4 fs-3 fs-lg-6 fw-medium">%M<span class="d-block fs-0 fs-lg-1 text-primary"> minutes</span></h2>
<h2 class="d-none d-lg-block mx-4 fs-3 fs-lg-6 fw-medium">%S<span class="d-block fs-0 fs-lg-1 text-primary"> seconds</span></h2>
'></div>