Countdown Timer

Example:

Countdown:   Days   Hours   Minutes   Seconds

1. Include the Javascript and CSS files under Settings > Custom Code

   Include the countdown timer’s Javascript and CSS files by pasting the following code into the “Insert Code into Header” section on the Settings > Custom Code page:

   <script src="/wp-content/themes/baseline/js/countdown-timer/js-countdown-timer.js"></script>
<link type="text/css" href="/wp-content/themes/baseline/js/countdown-timer/js-countdown-timer.css" media="all" rel="stylesheet"/>

    

2. Insert the countdown timer HTML into your page:

   First, determine the time and date that you want the timer to count down to. Then include that information in the attribute data-countdown-end-date in the format YYYY-MM-DD HH:MM:SS (see below for example).

   You can also edit or translate the labels that appear next to the units of time.

   Once you’ve set the end time/date, just paste the following HTML into your page wherever you want the countdown timer to appear:

    <span class="js-countdown-timer" data-countdown-end-date="2017/01/01 00:00:00">
     <span class="js-countdown-section">
        <span class="js-countdown-days"> </span>
        <span class="js-countdown-units">Days</span>
     </span>
     <span class="js-countdown-section">
       <span class="js-countdown-hours"> </span>
       <span class="js-countdown-units">Hours</span>
     </span>
     <span class="js-countdown-section">
       <span class="js-countdown-minutes"> </span>
       <span class="js-countdown-units">Minutes</span>
     </span>
     <span class="js-countdown-section">
       <span class="js-countdown-seconds"> </span>
       <span class="js-countdown-units">Seconds</span>
     </span>
    </span>