Countdown

A simple and HTML agnostic date countdown plugin which is very easy to set the desire time.

Example

  • Days
  • Hours
  • Minutes
  • Seconds 

                                        <ul class="countdown d-flex mb-4 justify-content-center justify-content-lg-start" id="date" data-date="Sep 30, 2020">
                                <li class="d-flex flex-column mr-6 text-left">
                                    <span class="countdown__count h3-font font-w--700 color-primary" id="days"></span>
                                    <span>Days</span>
                                </li>
    
                                <li class="d-flex flex-column mr-6 text-left">
                                    <span class="countdown__count h3-font font-w--700 color-primary" id="hours"></span>
                                    <span>Hours</span>
                                </li>
    
                                <li class="d-flex flex-column mr-6 text-left">
                                    <span class="countdown__count h3-font font-w--700 color-primary" id="minutes"></span>
                                    <span>Minutes</span>
                                </li>
    
                                <li class="d-flex flex-column text-left">
                                    <span class="countdown__count h3-font font-w--700 color-primary" id="seconds"></span>
                                    <span>Seconds</span>
                                </li>
                            </ul>

Updating the time

Change the value from the attribute data-date="" to update the time


                                    <ul class="countdown d-flex mb-4 justify-content-center justify-content-lg-start" id="date" data-date="Sep 30, 2019">