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