Countdown

You can add a Countdown Timer to any Page using the following setup:

Usage

<div class="countdown" data-year="2020" data-month="7" data-day="15"></div>

Settings

SettingDescription
data-formatChoose a Date Format for your Countdown. You can select from a List of Formats available here: http://keith-wood.name/countdown.html . Simply navigate to the Formats 1 and Formats 2 Tab.
Example: dHMS
data-yearAdd a Countdown Year
Example: 2021
data-monthAdd a Countdown Month
Example: 8
data-dayAdd a Countdown Day
Example: 15
data-hourAdd a Countdown Hour
Example: 12
data-minuteAdd a Countdown Minute
Example: 30
data-secondAdd a Countdown Second
Example: 30
data-redirectAdd a URL to redirect to once the Countdown ends
Example: https://google.com
data-sinceConvert your Countdown to Countup by setting this Attribute to true. Make sure that all other Time Settings are set in the Past. Ex: data-year="2019" and data-month="4"
Example: true

Extras

Language Settings using js/plugins.min.js File

  • Simply visit this URL: http://keith-wood.name/countdown.html#l10n.

  • Navigate to Localisations Section to download your Language Pack. Ex: jquery.countdown-fr.js and add this File in the js/ Folder

  • Open your HTML File which has the Countdown Codes.

  • Find the js/plugins.min.js JS File Linking at the bottom of the Page and Paste the following code just after that Line:

Language Settings for AJAX JS

  • Simply visit this URL: http://keith-wood.name/countdown.html#l10n.

  • Navigate to Localisations Section to download your Language Pack. Ex: jquery.countdown-fr.js

  • Copy the Entire Contents of the Language Package.

  • Open the js/plugins.countdown.js File and Paste the Copied Codes just above this Line: SEMICOLON.widget.countdownInit = function( $countdownEl )