Final Countdown

A simple and html agnostic date countdown plugin for jQuery

Official Documentation

Please Note: we already added plugin CSS and JS file in vendors.bundle.{css/js}. you can exclude it by using gulp task. you also can add them manually if you want.

How it works

data-countdown="2020/12/12" initialize the countdown also works as wrapper container.

  • .countdown-days // Show days
  • .countdown-hours // Show hours
  • .countdown-minutes // Show minutes
  • .countdown-seconds // Show seconds

00

Days

00

Hours

00

Minutes

00

Seconds 
<div class="card-deck text-center" data-countdown="2020/11/11">
<div class="card p-4">
  <h2 class="countdown-days display-4">00</h2>
  <span>Days</span>
</div>
<div class="card p-4">
  <h2 class="countdown-hours display-4">00</h2>
  <span>Hours</span>
</div>
<div class="card p-4">
  <h2 class="countdown-minutes display-4">00</h2>
  <span>Minutes</span>
</div>
<div class="card p-4">
  <h2 class="countdown-seconds display-4">00</h2>
  <span>Seconds</span>
</div>
</div>