Countdown

A simple JavaScript API for producing an accurate, intuitive description of the timespan between two Date instances.

Countdown documentation

How to use

Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.

    
      <script src="./assets/vendor/countdown/countdown.js"></script>

Copy-paste the init function under JS Plugins Init., before the closing </body> tag, to enable it.

    
      <script>
        (function() {
          // INITIALIZATION OF COUNTDOWN
          // =======================================================
          const oneYearFromNow = new Date()

          document.querySelectorAll('.js-countdown').forEach(item => {
            const days = item.querySelector('.js-cd-days'),
              hours = item.querySelector('.js-cd-hours'),
              minutes = item.querySelector('.js-cd-minutes'),
              seconds = item.querySelector('.js-cd-seconds')

            countdown(oneYearFromNow.setFullYear(
              oneYearFromNow.getFullYear() + 1),
              ts => {
                days.innerHTML = ts.days
                hours.innerHTML = ts.hours
                minutes.innerHTML = ts.minutes
                seconds.innerHTML = ts.seconds
              },
              countdown.DAYS | countdown.HOURS | countdown.MINUTES | countdown.SECONDS
            )
          })
        })()
      </script>

Basic example